Frosted Fir Complementary Color Scheme
Five colors arranged by the complementary rule around Frosted Fir (#B4D5BD), each snapped to its nearest named color.
#B4D5BD
#EFF5F1
#D6B3CC
#BA87AA
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frosted Fir | #B4D5BD | 180, 213, 189 | 136°, 28%, 77% | 15, 0, 11, 16 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Pink Ivory | #D6B3CC | 214, 179, 204 | 317°, 30%, 77% | 0, 16, 5, 16 | |
| Sunset Horizon | #BA87AA | 186, 135, 170 | 319°, 27%, 63% | 0, 27, 9, 27 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #BA87AA | 2.66:1 | — |
| Aa #BA87AA on #F8EEF4 | 2.60:1 | — |
| Aa #B4D5BD on #BA87AA | 1.85:1 | — |
| Aa #EFF5F1 on #D6B3CC | 1.70:1 | — |
| Aa #D6B3CC on #F8EEF4 | 1.66:1 | — |
| Aa #D6B3CC on #BA87AA | 1.57:1 | — |
CSS variables
:root {
--color-1: #b4d5bd; /* Frosted Fir */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #d6b3cc; /* Pink Ivory */
--color-4: #ba87aa; /* Sunset Horizon */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Frosted Fir
- Frosted Fir Analogous Color Scheme#C9D6B4#BDD5B1#B4D5BD#B4D6CB#B4CBD4
- Frosted Fir Triadic Color Scheme#B4D5BD#BFB3D1#D5BCB3#EFF5F1#9884B9
- Frosted Fir Split-complementary Color Scheme#B4D5BD#CAB4D4#D7B3B9#83BA8E#EDE6ED
- Frosted Fir Tetradic Color Scheme#B4D5BD#B0BAD5#D6B3CC#D5CDB4#EFF5F1
- Frosted Fir Monochromatic Color Scheme#539B6A#83BA8E#B4D5BD#E4F0E8#EFF5F1
More Light Green complementary palettes
- A State of Mint Complementary Color Scheme#88FFCC#E6FDF1#FF88BB#FD3F92#FFE5EF
- Basil Smash Complementary Color Scheme#B7E1A1#EDF5E7#DDAAEE#AD66D2#F3E9F7
- Bay Complementary Color Scheme#B3E2D3#ECF7F7#E4B6C4#CB7D96#F7EFEF
- Big Spender Complementary Color Scheme#ACDDAF#EBF8EF#DDAADD#C772C0#F8EEF4
- Bok Choy Complementary Color Scheme#BCCAB3#EBF1E9#C5AECF#9D7BB0#F3F1F3
- Botanist Complementary Color Scheme#9AD28C#D7ECCD#C687D6#A152BD#E7D6ED
- Cabbage Complementary Color Scheme#87D7BE#CEEFE4#DD84A3#CA4F70#F0D6DD
- Camping Grounds Complementary Color Scheme#B4C2A2#E3E8D9#AF9FCA#8A6FA9#E3DFEA
- Celadon Complementary Color Scheme#ACE1AF#EBF8EF#E6A8D7#CC77CC#FCEBFA
- Celadon Porcelain Complementary Color Scheme#7EBEA5#BCDCCD#BD7D94#9F556C#E2C3CF
- Celery Mousse Complementary Color Scheme#C1FD95#F1FDE9#CC99FF#AA55FF#F8EBFC
- Copper Patina Complementary Color Scheme#9DB4A0#C9E2CF#BF90BB#A46A95#E4D4E2
Questions
What colors go with Frosted Fir?
In a complementary scheme: Heavy Sugar (#EFF5F1), Pink Ivory (#D6B3CC), Sunset Horizon (#BA87AA), Sentimental Pink (#F8EEF4).
What is the hex code of Frosted Fir?
#B4D5BD.