Cool Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cool (#96B3B3), each snapped to its nearest named color.
#96B3B3
#BB8DA8
#BBA28E
#5F9B9C
#D8BFC8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cool | #96B3B3 | 150, 179, 179 | 180°, 16%, 65% | 16, 0, 0, 30 | |
| Elite Pink | #BB8DA8 | 187, 141, 168 | 325°, 25%, 64% | 0, 25, 10, 27 | |
| Mocha Foam | #BBA28E | 187, 162, 142 | 27°, 25%, 65% | 0, 13, 24, 27 | |
| Jugendstil Turquoise | #5F9B9C | 95, 155, 156 | 181°, 24%, 49% | 39, 1, 0, 39 | |
| Magnolia White | #D8BFC8 | 216, 191, 200 | 338°, 24%, 80% | 0, 12, 7, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5F9B9C on #D8BFC8 | 1.83:1 | — |
| Aa #BB8DA8 on #D8BFC8 | 1.63:1 | — |
| Aa #96B3B3 on #5F9B9C | 1.41:1 | — |
| Aa #BBA28E on #D8BFC8 | 1.41:1 | — |
| Aa #BBA28E on #5F9B9C | 1.30:1 | — |
| Aa #96B3B3 on #D8BFC8 | 1.30:1 | — |
CSS variables
:root {
--color-1: #96b3b3; /* Cool */
--color-2: #bb8da8; /* Elite Pink */
--color-3: #bba28e; /* Mocha Foam */
--color-4: #5f9b9c; /* Jugendstil Turquoise */
--color-5: #d8bfc8; /* Magnolia White */
}Other schemes from Cool
- Cool Complementary Color Scheme#96B3B3#C6DEDF#BC8E8F#9B5B55#E0CDD1
- Cool Analogous Color Scheme#8FBC8F#8EBAA6#96B3B3#8EA7B9#8E8DB9
- Cool Triadic Color Scheme#96B3B3#BF90BB#BDB98F#CDE0E1#9F5F9F
- Cool Tetradic Color Scheme#96B3B3#A291BA#BC8E8F#A4BE8D#CDE0E1
- Cool Monochromatic Color Scheme#496568#6B9194#96B3B3#C2D3D6#EEF2F3
More Light Teal split-complementary palettes
- 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 Cool?
In a split-complementary scheme: Elite Pink (#BB8DA8), Mocha Foam (#BBA28E), Jugendstil Turquoise (#5F9B9C), Magnolia White (#D8BFC8).
What is the hex code of Cool?
#96B3B3.