Whale Shark Tetradic Color Scheme
Five colors arranged by the tetradic rule around Whale Shark (#607C8E), each snapped to its nearest named color.
#607C8E
#8B5E8F
#957258
#69905B
#93AEBC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Whale Shark | #607C8E | 96, 124, 142 | 203°, 19%, 47% | 32, 13, 0, 44 | |
| Chakra | #8B5E8F | 139, 94, 143 | 295°, 21%, 46% | 3, 34, 0, 44 | |
| Toasty | #957258 | 149, 114, 88 | 26°, 26%, 46% | 0, 23, 41, 42 | |
| Irish Charm | #69905B | 105, 144, 91 | 104°, 23%, 46% | 27, 0, 37, 44 | |
| Showcase Blue | #93AEBC | 147, 174, 188 | 200°, 23%, 66% | 22, 7, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8B5E8F on #93AEBC | 2.20:1 | — |
| Aa #607C8E on #93AEBC | 1.89:1 | — |
| Aa #957258 on #93AEBC | 1.87:1 | — |
| Aa #69905B on #93AEBC | 1.57:1 | — |
| Aa #8B5E8F on #69905B | 1.40:1 | — |
| Aa #607C8E on #69905B | 1.20:1 | — |
CSS variables
:root {
--color-1: #607c8e; /* Whale Shark */
--color-2: #8b5e8f; /* Chakra */
--color-3: #957258; /* Toasty */
--color-4: #69905b; /* Irish Charm */
--color-5: #93aebc; /* Showcase Blue */
}Other schemes from Whale Shark
- Whale Shark Complementary Color Scheme#607C8E#90ABBB#957258#694D3D#BBA595
- Whale Shark Analogous Color Scheme#5A9274#57958B#607C8E#5D6098#6F5698
- Whale Shark Triadic Color Scheme#607C8E#945B7F#78945A#93AEBC#663C55
- Whale Shark Split-complementary Color Scheme#607C8E#975B60#978D59#3F5363#B6848C
- Whale Shark Monochromatic Color Scheme#242933#455360#607C8E#89A0B0#B8C7CE
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Whale Shark?
In a tetradic scheme: Chakra (#8B5E8F), Toasty (#957258), Irish Charm (#69905B), Showcase Blue (#93AEBC).
What is the hex code of Whale Shark?
#607C8E.