Desired Dawn Complementary Color Scheme
Five colors arranged by the complementary rule around Desired Dawn (#D8D7D9), each snapped to its nearest named color.
#D8D7D9
#F3F1F3
#DAE2CD
#B3C39C
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Desired Dawn | #D8D7D9 | 216, 215, 217 | 270°, 3%, 85% | 0, 1, 0, 15 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Gratifying Green | #DAE2CD | 218, 226, 205 | 83°, 27%, 85% | 4, 0, 9, 11 | |
| Green Eggs & Cam | #B3C39C | 179, 195, 156 | 85°, 25%, 69% | 8, 0, 20, 24 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B3C39C on #F4F4F0 | 1.70:1 | — |
| Aa #F3F1F3 on #B3C39C | 1.67:1 | — |
| Aa #DAE2CD on #B3C39C | 1.41:1 | — |
| Aa #D8D7D9 on #B3C39C | 1.31:1 | — |
| Aa #D8D7D9 on #F4F4F0 | 1.30:1 | — |
| Aa #D8D7D9 on #F3F1F3 | 1.28:1 | — |
CSS variables
:root {
--color-1: #d8d7d9; /* Desired Dawn */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #dae2cd; /* Gratifying Green */
--color-4: #b3c39c; /* Green Eggs & Cam */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Desired Dawn
- Desired Dawn Analogous Color Scheme#CED9E1#CCCFE2#D8D7D9#E7CEE3#E4CFD7
- Desired Dawn Triadic Color Scheme#D8D7D9#E4D7CE#CEE1D9#F3F1F3#C5B29F
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Desired Dawn Tetradic Color Scheme#D8D7D9#E6CFCE#DAE2CD#CEE2E2#F3F1F3
- Desired Dawn Monochromatic Color Scheme#8A8B8F#AFB1B4#D8D7D9#F2F2F4#F2F2F4
More Very Light Gray complementary palettes
- Alaska Complementary Color Scheme#DADAD1#F6F4EF#CECAE1#9D9AC4#EBF1F5
- Apollo Landing Complementary Color Scheme#E5E5E1#F6F4EF#DADEE9#A8ACD0#EBF1F5
- Big Fish to Fry Complementary Color Scheme#DADBE1#EEF2F3#E7E3D6#C7C4A5#F6F4EF
- Blowing Smoke Complementary Color Scheme#D2D1D0#F6F2F1#C6D2DE#96AEC5#EEF2F3
- Chrome Complementary Color Scheme#E1DFE1#F6F1F4#D6E9D7#A9CEAA#EFF5F1
- Closet Skeletons Complementary Color Scheme#E1DED9#F6F4EF#D3DBE7#A6B3C9#EEF2F3
- Coconut Agony Complementary Color Scheme#EBE8E7#F5F0F1#E3ECED#B5C9D2#F1F3F3
- Columbo’s Coat Complementary Color Scheme#D0CBCE#F5F0F1#C3D9CB#8EBAA6#EFF5F1
- Concrete Complementary Color Scheme#D2D1CD#F6F4EF#C2C7DB#979FBF#EEF2F3
- Day on Mercury Complementary Color Scheme#D5D2D1#F5F0F1#C8D9DD#9AB6C0#F1F3F3
- Diamonds in the Sky Complementary Color Scheme#E5E2E1#F5F0F1#DAE7E9#AEC6CF#F1F3F3
- Disco Ball Complementary Color Scheme#D4D4D4#F4EFEE#CADFDD#9BC4C4#F0F4F2
Questions
What colors go with Desired Dawn?
In a complementary scheme: Aragonite White (#F3F1F3), Gratifying Green (#DAE2CD), Green Eggs & Cam (#B3C39C), Classic Chalk (#F4F4F0).
What is the hex code of Desired Dawn?
#D8D7D9.