Cousteau Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cousteau (#55A9D6), each snapped to its nearest named color.
#55A9D6
#D75969
#D8C553
#2E85B1
#E3969B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cousteau | #55A9D6 | 85, 169, 214 | 201°, 61%, 59% | 60, 21, 0, 16 | |
| Dragon Fruit | #D75969 | 215, 89, 105 | 352°, 61%, 60% | 0, 59, 51, 16 | |
| Pepperoncini | #D8C553 | 216, 197, 83 | 51°, 63%, 59% | 0, 9, 62, 15 | |
| Blue Splash | #2E85B1 | 46, 133, 177 | 200°, 59%, 44% | 74, 25, 0, 31 | |
| Marker Pink | #E3969B | 227, 150, 155 | 356°, 58%, 74% | 0, 34, 32, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8C553 on #2E85B1 | 2.36:1 | — |
| Aa #D75969 on #D8C553 | 2.18:1 | — |
| Aa #2E85B1 on #E3969B | 1.78:1 | — |
| Aa #D75969 on #E3969B | 1.65:1 | — |
| Aa #55A9D6 on #2E85B1 | 1.57:1 | — |
| Aa #55A9D6 on #D8C553 | 1.50:1 | — |
CSS variables
:root {
--color-1: #55a9d6; /* Cousteau */
--color-2: #d75969; /* Dragon Fruit */
--color-3: #d8c553; /* Pepperoncini */
--color-4: #2e85b1; /* Blue Splash */
--color-5: #e3969b; /* Marker Pink */
}Other schemes from Cousteau
- Cousteau Complementary Color Scheme#55A9D6#9DCDE5#D68755#AE5A2C#ECBFA8
- Cousteau Analogous Color Scheme#54C589#55DDCC#55A9D6#5566DD#8659C2
- Cousteau Triadic Color Scheme#55A9D6#DE55A9#AACF53#A6D1EB#B53389
- Cousteau Tetradic Color Scheme#55A9D6#CC55DD#D68755#69D84F#A6D1EB
- Cousteau Monochromatic Color Scheme#1D5671#2E85B1#55A9D6#95CCE4#D0E5F2
More Medium Blue split-complementary palettes
- 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 Cousteau?
In a split-complementary scheme: Dragon Fruit (#D75969), Pepperoncini (#D8C553), Blue Splash (#2E85B1), Marker Pink (#E3969B).
What is the hex code of Cousteau?
#55A9D6.