White Warm Wool Complementary Color Scheme
Five colors arranged by the complementary rule around White Warm Wool (#EFE6D1), each snapped to its nearest named color.
#EFE6D1
#F7F5EC
#D2DAED
#9BACD8
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| White Warm Wool | #EFE6D1 | 239, 230, 209 | 42°, 48%, 88% | 0, 4, 13, 6 | |
| Icy Tundra | #F7F5EC | 247, 245, 236 | 49°, 41%, 95% | 0, 1, 4, 3 | |
| Hawkes Blue | #D2DAED | 210, 218, 237 | 222°, 43%, 88% | 11, 8, 0, 7 | |
| Aster Flower Blue | #9BACD8 | 155, 172, 216 | 223°, 44%, 73% | 28, 20, 0, 15 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F5EC on #9BACD8 | 2.07:1 | — |
| Aa #9BACD8 on #EDF2F8 | 2.01:1 | — |
| Aa #EFE6D1 on #9BACD8 | 1.82:1 | — |
| Aa #D2DAED on #9BACD8 | 1.61:1 | — |
| Aa #F7F5EC on #D2DAED | 1.28:1 | — |
| Aa #D2DAED on #EDF2F8 | 1.24:1 | — |
CSS variables
:root {
--color-1: #efe6d1; /* White Warm Wool */
--color-2: #f7f5ec; /* Icy Tundra */
--color-3: #d2daed; /* Hawkes Blue */
--color-4: #9bacd8; /* Aster Flower Blue */
--color-5: #edf2f8; /* Airport */
}Other schemes from White Warm Wool
- White Warm Wool Analogous Color Scheme#F1D3DA#EFD7D1#EFE6D1#E9F1D0#D8F0D2
- White Warm Wool Triadic Color Scheme#EFE6D1#D2EFE6#E9D2EF#F7F5EC#99DAC5
- White Warm Wool Split-complementary Color Scheme#EFE6D1#D1EAED#D7D1E9#DCC797#EBF6F7
- White Warm Wool Tetradic Color Scheme#EFE6D1#D0EED7#D2DAED#EECEE6#F7F5EC
- White Warm Wool Monochromatic Color Scheme#C6A95E#DCC797#EFE6D1#F7F5EC#F7F5EC
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with White Warm Wool?
In a complementary scheme: Icy Tundra (#F7F5EC), Hawkes Blue (#D2DAED), Aster Flower Blue (#9BACD8), Airport (#EDF2F8).
What is the hex code of White Warm Wool?
#EFE6D1.