Diamond White Tetradic Color Scheme
Five colors arranged by the tetradic rule around Diamond White (#E2EFF3), each snapped to its nearest named color.
#E2EFF3
#EFE2F2
#F2E6E1
#E9F3E1
#EBF6F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Diamond White | #E2EFF3 | 226, 239, 243 | 194°, 41%, 92% | 7, 2, 0, 5 | |
| Sheer Lavender | #EFE2F2 | 239, 226, 242 | 289°, 38%, 92% | 1, 7, 0, 5 | |
| Homoeopathic Orange | #F2E6E1 | 242, 230, 225 | 18°, 40%, 92% | 0, 5, 7, 5 | |
| Herb Garden | #E9F3E1 | 233, 243, 225 | 93°, 43%, 92% | 4, 0, 7, 5 | |
| Indigo White | #EBF6F7 | 235, 246, 247 | 185°, 43%, 95% | 5, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFE2F2 on #EBF6F7 | 1.13:1 | — |
| Aa #F2E6E1 on #EBF6F7 | 1.11:1 | — |
| Aa #EFE2F2 on #E9F3E1 | 1.09:1 | — |
| Aa #F2E6E1 on #E9F3E1 | 1.07:1 | — |
| Aa #E2EFF3 on #EBF6F7 | 1.07:1 | — |
| Aa #E2EFF3 on #EFE2F2 | 1.06:1 | — |
CSS variables
:root {
--color-1: #e2eff3; /* Diamond White */
--color-2: #efe2f2; /* Sheer Lavender */
--color-3: #f2e6e1; /* Homoeopathic Orange */
--color-4: #e9f3e1; /* Herb Garden */
--color-5: #ebf6f7; /* Indigo White */
}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 Split-complementary Color Scheme#E2EFF3#F4E3E7#F2EEE2#AFD3DA#F7EFEF
- Diamond White Monochromatic Color Scheme#7CB5C6#AFD3DA#E2EFF3#EBF6F7#EBF6F7
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Diamond White?
In a tetradic scheme: Sheer Lavender (#EFE2F2), Homoeopathic Orange (#F2E6E1), Herb Garden (#E9F3E1), Indigo White (#EBF6F7).
What is the hex code of Diamond White?
#E2EFF3.