Cuttlefish Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cuttlefish (#7FBBC2), each snapped to its nearest named color.
#7FBBC2
#CB7D96
#C1A87C
#4E9AA8
#DEB4C5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cuttlefish | #7FBBC2 | 127, 187, 194 | 186°, 35%, 63% | 35, 4, 0, 24 | 75.4% 0.063 205 | |
| Wild Rose | #CB7D96 | 203, 125, 150 | 341°, 43%, 64% | 0, 38, 26, 20 | 67.9% 0.101 359 | |
| Antiquity | #C1A87C | 193, 168, 124 | 38°, 36%, 62% | 0, 13, 36, 24 | 74.3% 0.066 81 | |
| Acapulco Cliffs | #4E9AA8 | 78, 154, 168 | 189°, 37%, 48% | 54, 8, 0, 34 | 64.3% 0.078 211 | |
| Mental Floss | #DEB4C5 | 222, 180, 197 | 336°, 39%, 79% | 0, 19, 11, 13 | 81.2% 0.053 352 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E9AA8 on #DEB4C5 | 1.76:1 | — |
| Aa #CB7D96 on #DEB4C5 | 1.65:1 | — |
| Aa #7FBBC2 on #4E9AA8 | 1.50:1 | — |
| Aa #7FBBC2 on #CB7D96 | 1.42:1 | — |
| Aa #C1A87C on #4E9AA8 | 1.41:1 | — |
| Aa #CB7D96 on #C1A87C | 1.32:1 | — |
CSS variables
:root {
--color-1: #7fbbc2; /* Cuttlefish */
--color-2: #cb7d96; /* Wild Rose */
--color-3: #c1a87c; /* Antiquity */
--color-4: #4e9aa8; /* Acapulco Cliffs */
--color-5: #deb4c5; /* Mental Floss */
}Other schemes from Cuttlefish
- Cuttlefish Complementary Color Scheme#7FBBC2#BDDDE1#C2877B#A75A4C#E3C7C6
- Cuttlefish Analogous Color Scheme#7EC083#73C4A4#7FBBC2#7E9EC2#8878C3
- Cuttlefish Triadic Color Scheme#7FBBC2#CD7DB5#B8C17E#C2E0E3#B44C97
- Cuttlefish Tetradic Color Scheme#7FBBC2#A87DC2#C2877B#95C577#C2E0E3
- Cuttlefish Monochromatic Color Scheme#356B6F#4E9AA8#7FBBC2#B1D8DB#E6F1F1
More light teal split-complementary color schemes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Cuttlefish?
In a split-complementary scheme: Wild Rose (#CB7D96), Antiquity (#C1A87C), Acapulco Cliffs (#4E9AA8), Mental Floss (#DEB4C5).
What is the hex code of Cuttlefish?
#7FBBC2.