Named color · #D4C2B1
Autumn Haze
Autumn Haze is #D4C2B1: rgb(212 194 177), hsl(29 29% 76%), oklch(0.824 0.031 65.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Autumn Haze color name →
#D4C2B1
oklch(0.824 0.031 65.8)
Color conversions
- HEX
- #d4c2b1
- RGB
- rgb(212 194 177)
- HSL
- hsl(29 29% 76%)
- HWB
- hwb(29 69% 17%)
- OKLCH
- oklch(0.824 0.031 65.8)
- OKLab
- oklab(0.824 0.013 0.028)
- CIE Lab
- lab(79.61 4.5 11)
- LCH
- lch(79.61 11.89 67.7)
- CMYK
- cmyk(0% 8% 17% 17%)
Tints · Shades · Tones
Tints
- D8C8B9
- DDCEC0
- E1D4C8
- E5DAD0
- E9E0D8
- EEE6DF
- F2ECE7
- F6F3EF
- FBF9F7
Shades
- B8A899
- 9D8F83
- 83776C
- 696057
- 514942
- 3A342F
- 24201C
- 100E0C
- 020201
Tones
- CBBBAC
- C3B4A7
- BAAEA2
- B2A79D
- A9A098
- A19A93
- 98938F
- 908D8A
- 888685
Color harmonies
Complementary +180°
- D4C2B1
Autumn Haze
- B6C8D9
≈ Beribboned
Analogous -30° +30°
- D4C2B1
Autumn Haze
- D9BFB8
≈ Reindeer
- CBC6B0
≈ Pale Beige
Triadic +120° +240°
- D4C2B1
Autumn Haze
- B0CCC8
≈ Andean Opal Green
- CAC1D6
≈ Powder Viola
Split-complementary +150° +210°
- D4C2B1
Autumn Haze
- B0CBD2
≈ April Tears
- BFC4DA
≈ Lavender Escape
Tetradic +90° +180° +270°
- D4C2B1
Autumn Haze
- B6CCBD
≈ Mint Mousse
- B6C8D9
≈ Beribboned
- D3BECD
≈ Tamed Beauty
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.15:1 · APCA Lc 71
Best text color: #000000
WCAG 12.15:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--autumn-haze: #d4c2b1;
--autumn-haze-rgb: 212 194 177;
--autumn-haze-oklch: oklch(0.824 0.031 65.8);
}
.element {
color: var(--autumn-haze);
background-color: hsl(29 29% 76%);
border-color: oklch(0.824 0.031 65.8);
}Tailwind CSS v4
@theme {
--color-autumn-haze: #d4c2b1;
--color-autumn-haze-50: #fbf4ec;
--color-autumn-haze-100: #efe6dd;
--color-autumn-haze-200: #ddd2c7;
--color-autumn-haze-300: #c2b5a7;
--color-autumn-haze-400: #ac9b8c;
--color-autumn-haze-500: #958271;
--color-autumn-haze-600: #7e6e60;
--color-autumn-haze-700: #65584c;
--color-autumn-haze-800: #4a4037;
--color-autumn-haze-900: #342c26;
--color-autumn-haze-950: #1f1914;
}SCSS
$autumn-haze: #d4c2b1;
$autumn-haze-rgb: 212, 194, 177;
$autumn-haze-light: mix(#fff, $autumn-haze, 20%);
$autumn-haze-dark: mix(#000, $autumn-haze, 20%);
.element {
color: $autumn-haze;
box-shadow: 0 0 0 2px rgba($autumn-haze, 0.35);
}