Brilliance Triadic Color Scheme
Five colors arranged by the triadic rule around Brilliance (#FDFDFD), each snapped to its nearest named color.
#FDFDFD
#EFF5F1
#EBF1F5
#F4EFEE
#CCE2CA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brilliance | #FDFDFD | 253, 253, 253 | 0°, 0%, 99% | 0, 0, 0, 1 | |
| 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 | |
| Jocular Green | #CCE2CA | 204, 226, 202 | 115°, 29%, 84% | 10, 0, 11, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDFDFD on #CCE2CA | 1.35:1 | — |
| Aa #EFF5F1 on #CCE2CA | 1.24:1 | — |
| Aa #EBF1F5 on #CCE2CA | 1.20:1 | — |
| Aa #F4EFEE on #CCE2CA | 1.20:1 | — |
| Aa #FDFDFD on #F4EFEE | 1.12:1 | — |
| Aa #FDFDFD on #EBF1F5 | 1.12:1 | — |
CSS variables
:root {
--color-1: #fdfdfd; /* Brilliance */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #ebf1f5; /* Powder White */
--color-4: #f4efee; /* Angelic Wings */
--color-5: #cce2ca; /* Jocular Green */
}Other schemes from Brilliance
- Brilliance Complementary Color Scheme#FDFDFD#F4EFEE#F0F4F2#CDE0E1#F0F4F2
- Brilliance Analogous Color Scheme#F6F1F4#F5F0F1#FDFDFD#F6F2F1#F6F4EF
- Brilliance Split-complementary Color Scheme#FDFDFD#EFF5F1#EEF2F3#E0CDD1#EFF5F1
- Brilliance Tetradic Color Scheme#FDFDFD#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Brilliance Monochromatic Color Scheme#B1B1B1#D8D6D7#FDFDFD#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
- 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
- Eyeball Triadic Color Scheme#FFFBF8#E6FDF1#F0EBFC#FFF0E3#AAFFCC
Questions
What colors go with Brilliance?
In a triadic scheme: Heavy Sugar (#EFF5F1), Powder White (#EBF1F5), Angelic Wings (#F4EFEE), Jocular Green (#CCE2CA).
What is the hex code of Brilliance?
#FDFDFD.