White Triadic Color Scheme
Five colors arranged by the triadic rule around White (#FFFFFF), each snapped to its nearest named color.
#FFFFFF
#EFF5F1
#EBF1F5
#F4EFEE
#D2E3CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| White | #FFFFFF | 255, 255, 255 | 0°, 0%, 100% | 0, 0, 0, 0 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 | |
| Lime Flip | #D2E3CC | 210, 227, 204 | 104°, 29%, 85% | 7, 0, 10, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFFFF on #D2E3CC | 1.35:1 | — |
| Aa #EFF5F1 on #D2E3CC | 1.22:1 | — |
| Aa #EBF1F5 on #D2E3CC | 1.18:1 | — |
| Aa #F4EFEE on #D2E3CC | 1.18:1 | — |
| Aa #FFFFFF on #F4EFEE | 1.14:1 | — |
| Aa #FFFFFF on #EBF1F5 | 1.14:1 | — |
CSS variables
:root {
--color-1: #ffffff; /* White */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #ebf1f5; /* Powder White */
--color-4: #f4efee; /* Angelic Wings */
--color-5: #d2e3cc; /* Lime Flip */
}Other schemes from White
- White Complementary Color Scheme#FFFFFF#F4EFEE#F0F4F2#CEE2E2#F0F4F2
- White Analogous Color Scheme#F6F1F4#F5F0F1#FFFFFF#F6F2F1#F6F4EF
- White Split-complementary Color Scheme#FFFFFF#EFF5F1#EEF2F3#E5D0CF#EFF5F1
- White Tetradic Color Scheme#FFFFFF#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- White Monochromatic Color Scheme#B1B3B3#D9D8DA#FFFFFF#F3F3F2#F3F3F2
More White triadic palettes
- Anti-Flash White Triadic Color Scheme#F2F3F4#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Beluga Triadic Color Scheme#EFF2F1#F3F1F3#F3F2ED#F0F4F2#CFBBD8
- Brilliance Triadic Color Scheme#FDFDFD#EFF5F1#EBF1F5#F4EFEE#CCE2CA
- Ceramic Triadic Color Scheme#FCFFF9#E8F5FC#FFE6F1#F6FFE8#A7D7FF
- Chef’s Hat Triadic Color Scheme#F3F4F5#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Cloud Break Triadic Color Scheme#F6F1FE#FCF0E5#E6FDF1#F0EBFC#FBCAAD
- Cotton Ball Triadic Color Scheme#F2F7FD#FFEBF2#F1FDE9#E7EFFB#F4AFCD
- Doctor Triadic Color Scheme#F9F9F9#EFF5F1#EBF1F5#F4EFEE#C6DCC7
- Dr. White Triadic Color Scheme#FAFAFA#EFF5F1#EBF1F5#F4EFEE#CBDCCB
- Emptiness Triadic Color Scheme#FCFDFC#EBF1F5#F4EFEE#EFF5F1#CECAE1
- Errigal White Triadic Color Scheme#F2F2F4#F4EFEE#EFF5F1#EBF1F5#DCC0C3
- Everlasting Ice Triadic Color Scheme#F6FDFA#F3E9F7#FBF4E8#E9F9F5#D8B8F8
Questions
What colors go with White?
In a triadic scheme: Heavy Sugar (#EFF5F1), Powder White (#EBF1F5), Angelic Wings (#F4EFEE), Lime Flip (#D2E3CC).
What is the hex code of White?
#FFFFFF.