Whale Shark Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Whale Shark (#607C8E), each snapped to its nearest named color.
#607C8E
#975B60
#978D59
#3F5363
#B6848C
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 | |
| Ruby Crystal | #975B60 | 151, 91, 96 | 355°, 25%, 47% | 0, 40, 36, 41 | 54.0% 0.079 15 | |
| Sabo Garden | #978D59 | 151, 141, 89 | 50°, 26%, 47% | 0, 7, 41, 41 | 64.0% 0.072 99 | |
| Twilight Chimes | #3F5363 | 63, 83, 99 | 207°, 22%, 32% | 36, 16, 0, 61 | 43.2% 0.036 243 | |
| Lime Pink | #B6848C | 182, 132, 140 | 350°, 26%, 62% | 0, 27, 23, 29 | 66.5% 0.062 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3F5363 on #B6848C | 2.54:1 | — |
| Aa #978D59 on #3F5363 | 2.39:1 | — |
| Aa #607C8E on #3F5363 | 1.81:1 | — |
| Aa #975B60 on #B6848C | 1.67:1 | — |
| Aa #975B60 on #978D59 | 1.57:1 | — |
| Aa #975B60 on #3F5363 | 1.51:1 | — |
CSS variables
:root {
--color-1: #607c8e; /* Whale Shark */
--color-2: #975b60; /* Ruby Crystal */
--color-3: #978d59; /* Sabo Garden */
--color-4: #3f5363; /* Twilight Chimes */
--color-5: #b6848c; /* Lime Pink */
}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 Tetradic Color Scheme#607C8E#8B5E8F#957258#69905B#93AEBC
- Whale Shark Monochromatic Color Scheme#242933#455360#607C8E#89A0B0#B8C7CE
More medium blue split-complementary color schemes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Whale Shark?
In a split-complementary scheme: Ruby Crystal (#975B60), Sabo Garden (#978D59), Twilight Chimes (#3F5363), Lime Pink (#B6848C).
What is the hex code of Whale Shark?
#607C8E.