Natural Wool Analogous Color Scheme
Five colors arranged by the analogous rule around Natural Wool (#FFF6D7), each snapped to its nearest named color.
#FFDAE2
#FCE2D7
#FFF6D7
#F9FDD9
#E0FFDF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| It’s a Girl! | #FFDAE2 | 255, 218, 226 | 347°, 100%, 93% | 0, 15, 11, 0 | |
| Tranquil Peach | #FCE2D7 | 252, 226, 215 | 18°, 86%, 92% | 0, 10, 15, 1 | |
| Natural Wool | #FFF6D7 | 255, 246, 215 | 47°, 100%, 92% | 0, 4, 16, 0 | |
| Apple Martini | #F9FDD9 | 249, 253, 217 | 67°, 90%, 92% | 2, 0, 14, 1 | |
| Frosted Plains | #E0FFDF | 224, 255, 223 | 118°, 100%, 94% | 12, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFDAE2 on #F9FDD9 | 1.23:1 | — |
| Aa #FFDAE2 on #E0FFDF | 1.19:1 | — |
| Aa #FFDAE2 on #FFF6D7 | 1.19:1 | — |
| Aa #FCE2D7 on #F9FDD9 | 1.18:1 | — |
| Aa #FCE2D7 on #E0FFDF | 1.15:1 | — |
| Aa #FCE2D7 on #FFF6D7 | 1.14:1 | — |
CSS variables
:root {
--color-1: #ffdae2; /* It’s a Girl! */
--color-2: #fce2d7; /* Tranquil Peach */
--color-3: #fff6d7; /* Natural Wool */
--color-4: #f9fdd9; /* Apple Martini */
--color-5: #e0ffdf; /* Frosted Plains */
}Other schemes from Natural Wool
- Natural Wool Complementary Color Scheme#FFF6D7#FFF9E4#D4EAFF#8AADF7#E8EEFE
- 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 analogous palettes
- Au Clair de la Lune Analogous Color Scheme#F5E3E2#F4E8E1#F4F2E2#ECF3E1#E4F5E1
- Banan-Appeal Analogous Color Scheme#F9A3AA#FCC9A6#FAF3A6#DDFFAA#B2FBA5
- Banana Cream Analogous Color Scheme#FF9BAA#FFC39E#FFF49C#D8F19C#B0FF9D
- Banana Milk Analogous Color Scheme#FFAEBB#FFCFAD#FFF7AD#DDFFAA#AAFFAA
- Banana Split Analogous Color Scheme#F3C7D1#F9D5C9#F7EEC8#EAF7C9#CEF0CC
- Blanc Cassé Analogous Color Scheme#F0E2E4#F2E6E1#F1EEE2#ECF1E2#E8F0E2
- Blanco Analogous Color Scheme#EFE1E4#EFE6E1#EBEAE5#ECEFE3#E3EEE3
- Bleached Sunflower Analogous Color Scheme#FAA9BB#FBBCA7#FBE8A8#EEFFA9#BDF8A3
- Blond Analogous Color Scheme#FFBEC8#F9D3BE#FAF0BE#ECFCBD#CFFDBC
- Bollywood Gold Analogous Color Scheme#FFAAAA#FFD2AB#FFFBAB#DDFFAA#AAFFAA
- Bullet Hell Analogous Color Scheme#FDC9D0#FBD8C9#FAF1C8#EAF7C9#CCFFCC
- Butter Honey Analogous Color Scheme#F3ACB9#F3C1AB#F5E5AB#E3EFB2#BCF5A6
Questions
What colors go with Natural Wool?
In a analogous scheme: It’s a Girl! (#FFDAE2), Tranquil Peach (#FCE2D7), Apple Martini (#F9FDD9), Frosted Plains (#E0FFDF).
What is the hex code of Natural Wool?
#FFF6D7.