Cold Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cold Blue (#88DDDD), each snapped to its nearest named color.
#88DDDD
#DD8CB5
#DBB486
#4BC7CF
#EDC2DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cold Blue | #88DDDD | 136, 221, 221 | 180°, 56%, 70% | 38, 0, 0, 13 | |
| Tempting Pink | #DD8CB5 | 221, 140, 181 | 330°, 54%, 71% | 0, 37, 18, 13 | |
| Butterscotch Sundae | #DBB486 | 219, 180, 134 | 32°, 54%, 69% | 0, 18, 39, 14 | |
| Sea Serpent | #4BC7CF | 75, 199, 207 | 184°, 58%, 55% | 64, 4, 0, 19 | |
| Starlet Pink | #EDC2DB | 237, 194, 219 | 325°, 54%, 85% | 0, 18, 8, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88DDDD on #DD8CB5 | 1.58:1 | — |
| Aa #DD8CB5 on #EDC2DB | 1.57:1 | — |
| Aa #88DDDD on #4BC7CF | 1.30:1 | — |
| Aa #4BC7CF on #EDC2DB | 1.29:1 | — |
| Aa #DD8CB5 on #DBB486 | 1.28:1 | — |
| Aa #88DDDD on #DBB486 | 1.23:1 | — |
CSS variables
:root {
--color-1: #88dddd; /* Cold Blue */
--color-2: #dd8cb5; /* Tempting Pink */
--color-3: #dbb486; /* Butterscotch Sundae */
--color-4: #4bc7cf; /* Sea Serpent */
--color-5: #edc2db; /* Starlet Pink */
}Other schemes from Cold Blue
- Cold Blue Complementary Color Scheme#88DDDD#D0EFF3#DD8888#CD4A4A#F5D6D8
- Cold Blue Analogous Color Scheme#98D98E#88DDBB#88DDDD#84ADDB#8A83DA
- Cold Blue Triadic Color Scheme#88DDDD#CC88DD#DDDD88#D7F5F6#D648D7
- Cold Blue Tetradic Color Scheme#88DDDD#AA8ED6#DD8888#BCDF8A#D7F5F6
- Cold Blue Monochromatic Color Scheme#279D9F#4BC7CF#88DDDD#C4ECF0#ECF7F7
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 Cold Blue?
In a split-complementary scheme: Tempting Pink (#DD8CB5), Butterscotch Sundae (#DBB486), Sea Serpent (#4BC7CF), Starlet Pink (#EDC2DB).
What is the hex code of Cold Blue?
#88DDDD.