Whale Shark Triadic Color Scheme
Five colors arranged by the triadic rule around Whale Shark (#607C8E), each snapped to its nearest named color.
#607C8E
#945B7F
#78945A
#93AEBC
#663C55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Whale Shark | #607C8E | 96, 124, 142 | 203°, 19%, 47% | 32, 13, 0, 44 | 57.1% 0.043 237 | |
| Immortality | #945B7F | 148, 91, 127 | 322°, 24%, 47% | 0, 39, 14, 42 | 54.6% 0.089 342 | |
| Vegetarian Veteran | #78945A | 120, 148, 90 | 89°, 24%, 47% | 19, 0, 39, 42 | 63.0% 0.088 130 | |
| Showcase Blue | #93AEBC | 147, 174, 188 | 200°, 23%, 66% | 22, 7, 0, 26 | 73.5% 0.036 230 | |
| Primitive Plum | #663C55 | 102, 60, 85 | 324°, 26%, 32% | 0, 41, 17, 60 | 41.5% 0.069 344 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93AEBC on #663C55 | 3.85:1 | AA large |
| Aa #78945A on #663C55 | 2.64:1 | — |
| Aa #945B7F on #93AEBC | 2.22:1 | — |
| Aa #607C8E on #663C55 | 2.04:1 | — |
| Aa #607C8E on #93AEBC | 1.89:1 | — |
| Aa #945B7F on #663C55 | 1.73:1 | — |
CSS variables
:root {
--color-1: #607c8e; /* Whale Shark */
--color-2: #945b7f; /* Immortality */
--color-3: #78945a; /* Vegetarian Veteran */
--color-4: #93aebc; /* Showcase Blue */
--color-5: #663c55; /* Primitive Plum */
}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 Split-complementary Color Scheme#607C8E#975B60#978D59#3F5363#B6848C
- Whale Shark Tetradic Color Scheme#607C8E#8B5E8F#957258#69905B#93AEBC
- Whale Shark Monochromatic Color Scheme#242933#455360#607C8E#89A0B0#B8C7CE
More medium blue triadic color schemes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Whale Shark?
In a triadic scheme: Immortality (#945B7F), Vegetarian Veteran (#78945A), Showcase Blue (#93AEBC), Primitive Plum (#663C55).
What is the hex code of Whale Shark?
#607C8E.