Benannte Farbe · #D4C9BB
Understated
Understated ist #D4C9BB: rgb(212 201 187), hsl(34 23% 78%), oklch(0.841 0.023 74.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Understated color name →
#D4C9BB
oklch(0.841 0.023 74.1)
Farbumrechnungen
- HEX
- #d4c9bb
- RGB
- rgb(212 201 187)
- HSL
- hsl(34 23% 78%)
- HWB
- hwb(34 73% 17%)
- OKLCH
- oklch(0.841 0.023 74.1)
- OKLab
- oklab(0.841 0.006 0.022)
- CIE Lab
- lab(81.58 2.21 8.47)
- LCH
- lch(81.58 8.75 75.4)
- CMYK
- cmyk(0% 5% 12% 17%)
Tints · Shades · Tones
Tints
- D8CEC2
- DDD4C8
- E1D9CF
- E5DED6
- E9E4DD
- EEE9E3
- F2EFEA
- F6F4F1
- FBFAF8
Shades
- B8AEA2
- 9D958A
- 837C73
- 69645C
- 514C46
- 3A3632
- 24221F
- 100F0D
- 020202
Tones
- CBC1B5
- C3BAAF
- BAB2A9
- B2ABA3
- A9A49D
- A19C97
- 989591
- 908E8C
- 888786
Farbharmonien
Komplementär +180°
- D4C9BB
Understated
- C1CCDA
≈ Icy Brook
Analog -30° +30°
- D4C9BB
Understated
- D8C7BF
≈ Perk Up
- CDCCBB
≈ Kittiwake Gull
Triadisch +120° +240°
- D4C9BB
Understated
- BBD0CF
≈ Detroit
- D0C7D5
≈ Moon Goddess
Geteilt komplementär +150° +210°
- D4C9BB
Understated
- BCCED6
≈ Shhh…
- C9C9DA
≈ Daybreak Beckons
Tetradisch +90° +180° +270°
- D4C9BB
Understated
- BED0C7
≈ Moon Glass
- C1CCDA
≈ Icy Brook
- D6C5CE
≈ Odyssey Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.87:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--understated: #d4c9bb;
--understated-rgb: 212 201 187;
--understated-oklch: oklch(0.841 0.023 74.1);
}
.element {
color: var(--understated);
background-color: hsl(34 23% 78%);
border-color: oklch(0.841 0.023 74.1);
}Tailwind CSS v4
@theme {
--color-understated: #d4c9bb;
--color-understated-50: #f9f4ee;
--color-understated-100: #ece7e0;
--color-understated-200: #dad3ca;
--color-understated-300: #beb6ab;
--color-understated-400: #a79d90;
--color-understated-500: #8f8476;
--color-understated-600: #797064;
--color-understated-700: #615950;
--color-understated-800: #47413a;
--color-understated-900: #312d28;
--color-understated-950: #1d1a16;
}SCSS
$understated: #d4c9bb;
$understated-rgb: 212, 201, 187;
$understated-light: mix(#fff, $understated, 20%);
$understated-dark: mix(#000, $understated, 20%);
.element {
color: $understated;
box-shadow: 0 0 0 2px rgba($understated, 0.35);
}