Airy Fields Complementary Color Scheme
Five colors arranged by the complementary rule around Airy Fields (#DBE0C4), each snapped to its nearest named color.
#DBE0C4
#F4F7EE
#CAC1E2
#9E91C3
#EBECF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Airy Fields | #DBE0C4 | 219, 224, 196 | 71°, 31%, 82% | 2, 0, 12, 12 | |
| Grass Valley | #F4F7EE | 244, 247, 238 | 80°, 36%, 95% | 1, 0, 4, 3 | |
| Party Hat | #CAC1E2 | 202, 193, 226 | 256°, 36%, 82% | 11, 15, 0, 11 | |
| Violet Tulip | #9E91C3 | 158, 145, 195 | 256°, 29%, 67% | 19, 26, 0, 24 | |
| Silver Phoenix | #EBECF5 | 235, 236, 245 | 234°, 33%, 94% | 4, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4F7EE on #9E91C3 | 2.66:1 | — |
| Aa #9E91C3 on #EBECF5 | 2.45:1 | — |
| Aa #DBE0C4 on #9E91C3 | 2.12:1 | — |
| Aa #CAC1E2 on #9E91C3 | 1.68:1 | — |
| Aa #F4F7EE on #CAC1E2 | 1.58:1 | — |
| Aa #CAC1E2 on #EBECF5 | 1.46:1 | — |
CSS variables
:root {
--color-1: #dbe0c4; /* Airy Fields */
--color-2: #f4f7ee; /* Grass Valley */
--color-3: #cac1e2; /* Party Hat */
--color-4: #9e91c3; /* Violet Tulip */
--color-5: #ebecf5; /* Silver Phoenix */
}Other schemes from Airy Fields
- Airy Fields Analogous Color Scheme#E0C9C4#E0D8C5#DBE0C4#CCE1C7#C1E0C8
- Airy Fields Triadic Color Scheme#DBE0C4#C5DCE0#E1C6D6#F4F7EE#95BCC5
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Airy Fields Tetradic Color Scheme#DBE0C4#C7E0D9#CAC1E2#E2C3CF#F4F7EE
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
More Very Light Green complementary palettes
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
- Creamy Mint Complementary Color Scheme#AAFFAA#E7FBEC#FFAAFF#FB5FFC#FFEBFE
Questions
What colors go with Airy Fields?
In a complementary scheme: Grass Valley (#F4F7EE), Party Hat (#CAC1E2), Violet Tulip (#9E91C3), Silver Phoenix (#EBECF5).
What is the hex code of Airy Fields?
#DBE0C4.