Diamond White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Diamond White (#E2EFF3), each snapped to its nearest named color.
#E2EFF3
#F4E3E7
#F2EEE2
#AFD3DA
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Diamond White | #E2EFF3 | 226, 239, 243 | 194°, 41%, 92% | 7, 2, 0, 5 | |
| Be Mine | #F4E3E7 | 244, 227, 231 | 346°, 44%, 92% | 0, 7, 5, 4 | |
| Cream White | #F2EEE2 | 242, 238, 226 | 45°, 38%, 92% | 0, 2, 7, 5 | |
| Balboa | #AFD3DA | 175, 211, 218 | 190°, 37%, 77% | 20, 3, 0, 15 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AFD3DA on #F7EFEF | 1.41:1 | — |
| Aa #F2EEE2 on #AFD3DA | 1.38:1 | — |
| Aa #E2EFF3 on #AFD3DA | 1.36:1 | — |
| Aa #F4E3E7 on #AFD3DA | 1.29:1 | — |
| Aa #F4E3E7 on #F7EFEF | 1.09:1 | — |
| Aa #F4E3E7 on #F2EEE2 | 1.07:1 | — |
CSS variables
:root {
--color-1: #e2eff3; /* Diamond White */
--color-2: #f4e3e7; /* Be Mine */
--color-3: #f2eee2; /* Cream White */
--color-4: #afd3da; /* Balboa */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Diamond White
- Diamond White Complementary Color Scheme#E2EFF3#EBF6F7#F2E6E1#DCB5B0#F6EEED
- Diamond White Analogous Color Scheme#E2F4E4#E1F2F0#E2EFF3#E1E6F2#E5E3EF
- Diamond White Triadic Color Scheme#E2EFF3#F6E2EC#EFF1E3#EBF6F7#DAAFD1
- Diamond White Tetradic Color Scheme#E2EFF3#EFE2F2#F2E6E1#E9F3E1#EBF6F7
- Diamond White Monochromatic Color Scheme#7CB5C6#AFD3DA#E2EFF3#EBF6F7#EBF6F7
More Very Light Teal split-complementary palettes
- 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 Diamond White?
In a split-complementary scheme: Be Mine (#F4E3E7), Cream White (#F2EEE2), Balboa (#AFD3DA), Vienna Dawn (#F7EFEF).
What is the hex code of Diamond White?
#E2EFF3.