Timid White Complementary Color Scheme
Five colors arranged by the complementary rule around Timid White (#D9D6CF), each snapped to its nearest named color.
#D9D6CF
#F6F4EF
#C9D2DF
#9EA5C3
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Timid White | #D9D6CF | 217, 214, 207 | 42°, 12%, 83% | 0, 1, 5, 15 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 | |
| Light Candela | #C9D2DF | 201, 210, 223 | 215°, 26%, 83% | 10, 6, 0, 13 | |
| Wild Phlox | #9EA5C3 | 158, 165, 195 | 229°, 24%, 69% | 19, 15, 0, 24 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4EF on #9EA5C3 | 2.22:1 | — |
| Aa #9EA5C3 on #EEF2F3 | 2.16:1 | — |
| Aa #D9D6CF on #9EA5C3 | 1.68:1 | — |
| Aa #C9D2DF on #9EA5C3 | 1.60:1 | — |
| Aa #F6F4EF on #C9D2DF | 1.39:1 | — |
| Aa #C9D2DF on #EEF2F3 | 1.35:1 | — |
CSS variables
:root {
--color-1: #d9d6cf; /* Timid White */
--color-2: #f6f4ef; /* The Speed of Light */
--color-3: #c9d2df; /* Light Candela */
--color-4: #9ea5c3; /* Wild Phlox */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Timid White
- Timid White Analogous Color Scheme#DFC9D1#DFCFCA#D9D6CF#D8DDCA#CFDDC7
- Timid White Triadic Color Scheme#D9D6CF#C8DDDA#D9CADF#F6F4EF#9AC0B6
- Timid White Split-complementary Color Scheme#D9D6CF#CADADE#CFC9DF#C2B79A#F1F3F3
- Timid White Tetradic Color Scheme#D9D6CF#CADECE#C9D2DF#DFCBDA#F6F4EF
- Timid White Monochromatic Color Scheme#958D79#B7B3A4#D9D6CF#F3F3F2#F3F3F2
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
- Desired Dawn Complementary Color Scheme#D8D7D9#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Diamonds in the Sky Complementary Color Scheme#E5E2E1#F5F0F1#DAE7E9#AEC6CF#F1F3F3
Questions
What colors go with Timid White?
In a complementary scheme: The Speed of Light (#F6F4EF), Light Candela (#C9D2DF), Wild Phlox (#9EA5C3), Maui Mist (#EEF2F3).
What is the hex code of Timid White?
#D9D6CF.