Natural Wool Complementary Color Scheme
Five colors arranged by the complementary rule around Natural Wool (#FFF6D7), each snapped to its nearest named color.
#FFF6D7
#FFF9E4
#D4EAFF
#8AADF7
#E8EEFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Wool | #FFF6D7 | 255, 246, 215 | 47°, 100%, 92% | 0, 4, 16, 0 | |
| Magnolia | #FFF9E4 | 255, 249, 228 | 47°, 100%, 95% | 0, 2, 11, 0 | |
| Veiling Waterfalls | #D4EAFF | 212, 234, 255 | 209°, 100%, 92% | 17, 8, 0, 0 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Brilliant White | #E8EEFE | 232, 238, 254 | 224°, 92%, 95% | 9, 6, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF9E4 on #8AADF7 | 2.12:1 | — |
| Aa #FFF6D7 on #8AADF7 | 2.07:1 | — |
| Aa #8AADF7 on #E8EEFE | 1.92:1 | — |
| Aa #D4EAFF on #8AADF7 | 1.81:1 | — |
| Aa #FFF9E4 on #D4EAFF | 1.17:1 | — |
| Aa #FFF6D7 on #D4EAFF | 1.14:1 | — |
CSS variables
:root {
--color-1: #fff6d7; /* Natural Wool */
--color-2: #fff9e4; /* Magnolia */
--color-3: #d4eaff; /* Veiling Waterfalls */
--color-4: #8aadf7; /* Kitten’s Eye */
--color-5: #e8eefe; /* Brilliant White */
}Other schemes from Natural Wool
- Natural Wool Analogous Color Scheme#FFDAE2#FCE2D7#FFF6D7#F9FDD9#E0FFDF
- Natural Wool Triadic Color Scheme#FFF6D7#D8FFF3#EEDDFF#FFF9E4#88FFEE
- Natural Wool Split-complementary Color Scheme#FFF6D7#DEF7FE#EEDDFF#FFE58C#E8F7FD
- Natural Wool Tetradic Color Scheme#FFF6D7#DFFAE1#D4EAFF#FFD8F0#FFF9E4
- Natural Wool Monochromatic Color Scheme#FED83A#FFE58C#FFF6D7#FFF9E4#FFF9E4
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Natural Wool?
In a complementary scheme: Magnolia (#FFF9E4), Veiling Waterfalls (#D4EAFF), Kitten’s Eye (#8AADF7), Brilliant White (#E8EEFE).
What is the hex code of Natural Wool?
#FFF6D7.