Natural Wool Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Natural Wool (#FFF6D7), each snapped to its nearest named color.
#FED83A
#FFE58C
#FFF6D7
#FFF9E4
#FFF9E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Exploding Star | #FED83A | 254, 216, 58 | 48°, 99%, 61% | 0, 15, 77, 0 | |
| Bicycle Yellow | #FFE58C | 255, 229, 140 | 46°, 100%, 77% | 0, 10, 45, 0 | |
| 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 | |
| Magnolia | #FFF9E4 | 255, 249, 228 | 47°, 100%, 95% | 0, 2, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FED83A on #FFF9E4 | 1.32:1 | — |
| Aa #FED83A on #FFF9E4 | 1.32:1 | — |
| Aa #FED83A on #FFF6D7 | 1.29:1 | — |
| Aa #FFE58C on #FFF9E4 | 1.18:1 | — |
| Aa #FFE58C on #FFF9E4 | 1.18:1 | — |
| Aa #FFE58C on #FFF6D7 | 1.15:1 | — |
CSS variables
:root {
--color-1: #fed83a; /* Exploding Star */
--color-2: #ffe58c; /* Bicycle Yellow */
--color-3: #fff6d7; /* Natural Wool */
--color-4: #fff9e4; /* Magnolia */
--color-5: #fff9e4; /* Magnolia */
}Other schemes from Natural Wool
- Natural Wool Complementary Color Scheme#FFF6D7#FFF9E4#D4EAFF#8AADF7#E8EEFE
- 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
More Very Light Yellow monochromatic palettes
- Au Clair de la Lune Monochromatic Color Scheme#C7C176#DED6AC#F4F2E2#F9F7EC#F9F7EC
- Banan-Appeal Monochromatic Color Scheme#EEDD11#FBEC5E#FAF3A6#FFFBE8#FFFBE8
- Banana Cream Monochromatic Color Scheme#FFE302#FBEB50#FFF49C#FFFCE4#FFFCE4
- Banana Milk Monochromatic Color Scheme#FEE715#FEF263#FFF7AD#FFFEE5#FFFEE5
- Banana Split Monochromatic Color Scheme#E8C447#EED786#F7EEC8#FBF9E8#FBF9E8
- Blanc Cassé Monochromatic Color Scheme#BAB078#DBCEAC#F1EEE2#F7F5ED#F7F5ED
- Blanco Monochromatic Color Scheme#A9A491#CAC6BA#EBEAE5#F3F3F2#F3F3F2
- Bleached Sunflower Monochromatic Color Scheme#F7C114#F8D75A#FBE8A8#FFF9E7#FFF9E7
- Blond Monochromatic Color Scheme#EECC33#F7E077#FAF0BE#FFF9E7#FFF9E7
- Bollywood Gold Monochromatic Color Scheme#FFEE11#FCF75E#FFFBAB#FFFEE5#FFFEE5
- Bullet Hell Monochromatic Color Scheme#EFC93D#F5DE85#FAF1C8#FBF9E8#FBF9E8
- Butter Honey Monochromatic Color Scheme#E1BD27#EACE6A#F5E5AB#FBF9E8#FBF9E8
Questions
What colors go with Natural Wool?
In a monochromatic scheme: Exploding Star (#FED83A), Bicycle Yellow (#FFE58C), Magnolia (#FFF9E4), Magnolia (#FFF9E4).
What is the hex code of Natural Wool?
#FFF6D7.