Cold White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cold White (#EDFCFB), each snapped to its nearest named color.
#EDFCFB
#FCEBF4
#FAEFE9
#ABF5ED
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cold White | #EDFCFB | 237, 252, 251 | 176°, 71%, 96% | 6, 0, 0, 1 | 98.0% 0.016 192 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 | 95.6% 0.022 344 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 | 95.9% 0.014 51 | |
| Pale King’s Blue | #ABF5ED | 171, 245, 237 | 174°, 79%, 82% | 30, 0, 3, 4 | 92.0% 0.074 188 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 | 95.6% 0.022 344 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EDFCFB on #ABF5ED | 1.17:1 | — |
| Aa #FAEFE9 on #ABF5ED | 1.09:1 | — |
| Aa #EDFCFB on #FCEBF4 | 1.09:1 | — |
| Aa #EDFCFB on #FCEBF4 | 1.09:1 | — |
| Aa #FCEBF4 on #ABF5ED | 1.08:1 | — |
| Aa #ABF5ED on #FCEBF4 | 1.08:1 | — |
CSS variables
:root {
--color-1: #edfcfb; /* Cold White */
--color-2: #fcebf4; /* Placebo Magenta */
--color-3: #faefe9; /* Baby Blossom */
--color-4: #abf5ed; /* Pale King’s Blue */
--color-5: #fcebf4; /* Placebo Magenta */
}Other schemes from Cold White
- Cold White Complementary Color Scheme#EDFCFB#E7FAFA#F9EAEA#F2AEB1#F9EAEA
- Cold White Analogous Color Scheme#EBFCEC#E6FDF1#EDFCFB#EAF4FC#E6E9F9
- Cold White Triadic Color Scheme#EDFCFB#F8EBFC#FBF9E8#E7FAFA#EEAAEE
- Cold White Tetradic Color Scheme#EDFCFB#F0EBFC#F9EAEA#F1FAEA#E7FAFA
- Cold White Monochromatic Color Scheme#6FE7DB#ABF5ED#EDFCFB#E7FAFA#E7FAFA
More very light teal split-complementary color schemes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Cold White?
In a split-complementary scheme: Placebo Magenta (#FCEBF4), Baby Blossom (#FAEFE9), Pale King’s Blue (#ABF5ED), Placebo Magenta (#FCEBF4).
What is the hex code of Cold White?
#EDFCFB.