Ceramic Triadic Color Scheme
Five colors arranged by the triadic rule around Ceramic (#FCFFF9), each snapped to its nearest named color.
#FCFFF9
#E8F5FC
#FFE6F1
#F6FFE8
#A7D7FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ceramic | #FCFFF9 | 252, 255, 249 | 90°, 100%, 99% | 1, 0, 2, 0 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | |
| Milk Foam | #F6FFE8 | 246, 255, 232 | 83°, 100%, 95% | 4, 0, 9, 0 | |
| Malmö FF | #A7D7FF | 167, 215, 255 | 207°, 100%, 83% | 35, 16, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCFFF9 on #A7D7FF | 1.51:1 | — |
| Aa #F6FFE8 on #A7D7FF | 1.48:1 | — |
| Aa #E8F5FC on #A7D7FF | 1.37:1 | — |
| Aa #FFE6F1 on #A7D7FF | 1.29:1 | — |
| Aa #FCFFF9 on #FFE6F1 | 1.17:1 | — |
| Aa #FFE6F1 on #F6FFE8 | 1.14:1 | — |
CSS variables
:root {
--color-1: #fcfff9; /* Ceramic */
--color-2: #e8f5fc; /* Kodama White */
--color-3: #ffe6f1; /* Cherubic */
--color-4: #f6ffe8; /* Milk Foam */
--color-5: #a7d7ff; /* Malmö FF */
}Other schemes from Ceramic
- Ceramic Complementary Color Scheme#FCFFF9#F6FFE8#F0EBFC#DDAAFF#F0EBFC
- Ceramic Analogous Color Scheme#FFF2E4#FFFFE5#FCFFF9#E7FBEC#E6FDF1
- Ceramic Split-complementary Color Scheme#FCFFF9#E6E6FA#FFEBFE#DDFFAA#E6E6FA
- Ceramic Tetradic Color Scheme#FCFFF9#E7FEFF#F0EBFC#FFE6E7#F6FFE8
- Ceramic Monochromatic Color Scheme#B1FF65#DDFFAA#FCFFF9#F6FFE8#F6FFE8
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
- 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 Ceramic?
In a triadic scheme: Kodama White (#E8F5FC), Cherubic (#FFE6F1), Milk Foam (#F6FFE8), Malmö FF (#A7D7FF).
What is the hex code of Ceramic?
#FCFFF9.