Frost Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Frost (#E1E4C5), each snapped to its nearest named color.
#E1E4C5
#C4D3E3
#D7C9E3
#C5CD8F
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frost | #E1E4C5 | 225, 228, 197 | 66°, 36%, 83% | 1, 0, 14, 11 | |
| Leap of Faith | #C4D3E3 | 196, 211, 227 | 211°, 36%, 83% | 14, 7, 0, 11 | |
| Purity | #D7C9E3 | 215, 201, 227 | 272°, 32%, 84% | 5, 11, 0, 11 | |
| Dancing Green | #C5CD8F | 197, 205, 143 | 68°, 38%, 68% | 4, 0, 30, 20 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5CD8F on #EDF2F8 | 1.49:1 | — |
| Aa #D7C9E3 on #EDF2F8 | 1.40:1 | — |
| Aa #C4D3E3 on #EDF2F8 | 1.35:1 | — |
| Aa #E1E4C5 on #C5CD8F | 1.29:1 | — |
| Aa #E1E4C5 on #D7C9E3 | 1.21:1 | — |
| Aa #E1E4C5 on #C4D3E3 | 1.17:1 | — |
CSS variables
:root {
--color-1: #e1e4c5; /* Frost */
--color-2: #c4d3e3; /* Leap of Faith */
--color-3: #d7c9e3; /* Purity */
--color-4: #c5cd8f; /* Dancing Green */
--color-5: #edf2f8; /* Airport */
}Other schemes from Frost
- Frost Complementary Color Scheme#E1E4C5#F6F7ED#CAC1E2#9895C5#EBECF5
- Frost Analogous Color Scheme#E3C7C6#E4D9C5#E1E4C5#D3E7C7#C6E5CA
- Frost Triadic Color Scheme#E1E4C5#C2E0E3#E7C3E7#F6F7ED#93C3CB
- Frost Tetradic Color Scheme#E1E4C5#C9E5DA#CAC1E2#E1C6D4#F6F7ED
- Frost Monochromatic Color Scheme#A7B25F#C5CD8F#E1E4C5#F6F7ED#F6F7ED
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Frost?
In a split-complementary scheme: Leap of Faith (#C4D3E3), Purity (#D7C9E3), Dancing Green (#C5CD8F), Airport (#EDF2F8).
What is the hex code of Frost?
#E1E4C5.