Ice Cold Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ice Cold (#D2EAF1), each snapped to its nearest named color.
#D2EAF1
#F1D3DA
#F1E9D2
#94D1DF
#F6EBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ice Cold | #D2EAF1 | 210, 234, 241 | 194°, 53%, 88% | 13, 3, 0, 5 | 92.2% 0.027 217 | |
| Priscilla | #F1D3DA | 241, 211, 218 | 346°, 52%, 89% | 0, 12, 10, 5 | 89.4% 0.035 2 | |
| Country Dairy | #F1E9D2 | 241, 233, 210 | 45°, 53%, 88% | 0, 3, 13, 5 | 93.4% 0.032 91 | |
| Washed Blue | #94D1DF | 148, 209, 223 | 191°, 54%, 73% | 34, 6, 0, 13 | 82.4% 0.065 214 | |
| Clichy White | #F6EBEE | 246, 235, 238 | 344°, 38%, 94% | 0, 4, 3, 4 | 95.0% 0.013 359 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #94D1DF on #F6EBEE | 1.45:1 | — |
| Aa #F1E9D2 on #94D1DF | 1.39:1 | — |
| Aa #D2EAF1 on #94D1DF | 1.35:1 | — |
| Aa #F1D3DA on #94D1DF | 1.21:1 | — |
| Aa #F1D3DA on #F6EBEE | 1.20:1 | — |
| Aa #F1D3DA on #F1E9D2 | 1.15:1 | — |
CSS variables
:root {
--color-1: #d2eaf1; /* Ice Cold */
--color-2: #f1d3da; /* Priscilla */
--color-3: #f1e9d2; /* Country Dairy */
--color-4: #94d1df; /* Washed Blue */
--color-5: #f6ebee; /* Clichy White */
}Other schemes from Ice Cold
- Ice Cold Complementary Color Scheme#D2EAF1#EBF6F7#F2DBD2#DDA896#F8F1EB
- Ice Cold Analogous Color Scheme#D6EFDA#D2F2E7#D2EAF1#D2DEF2#DDD6F3
- Ice Cold Triadic Color Scheme#D2EAF1#F0D5EA#E9F1D0#EBF6F7#DA9EC8
- Ice Cold Tetradic Color Scheme#D2EAF1#E9D2EF#F2DBD2#D8F0D2#EBF6F7
- Ice Cold Monochromatic Color Scheme#5AB5CB#94D1DF#D2EAF1#EBF6F7#EBF6F7
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 Ice Cold?
In a split-complementary scheme: Priscilla (#F1D3DA), Country Dairy (#F1E9D2), Washed Blue (#94D1DF), Clichy White (#F6EBEE).
What is the hex code of Ice Cold?
#D2EAF1.