Benannte Farbe · #D5D1CC
Drought
Drought ist #D5D1CC: rgb(213 209 204), hsl(33 10% 82%), oklch(0.862 0.008 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Drought color name →
#D5D1CC
oklch(0.862 0.008 73.7)
Farbumrechnungen
- HEX
- #d5d1cc
- RGB
- rgb(213 209 204)
- HSL
- hsl(33 10% 82%)
- HWB
- hwb(33 80% 16%)
- OKLCH
- oklch(0.862 0.008 73.7)
- OKLab
- oklab(0.862 0.002 0.008)
- CIE Lab
- lab(84.06 0.76 3)
- LCH
- lch(84.06 3.1 75.7)
- CMYK
- cmyk(0% 2% 4% 16%)
Tints · Shades · Tones
Tints
- D9D6D1
- DDDAD6
- E1DFDB
- E6E3E0
- EAE8E5
- EEECEA
- F2F1EF
- F6F6F5
- FBFAFA
Shades
- B9B5B1
- 9E9B97
- 83817E
- 6A6865
- 51504E
- 3A3937
- 242322
- 10100F
- 020202
Tones
- CCC9C4
- C3C0BC
- BBB8B5
- B2B0AD
- AAA8A5
- A1A09E
- 999896
- 90908F
- 888887
Farbharmonien
Komplementär +180°
- D5D1CC
Drought
- CED2D7
≈ Shiny Nickel
Analog -30° +30°
- D5D1CC
Drought
- D7D0CD
≈ White City
- D2D2CC
≈ Silverpointe
Triadisch +120° +240°
- D5D1CC
Drought
- CCD3D3
≈ Lullaby
- D4D0D6
≈ Jam Session
Geteilt komplementär +150° +210°
- D5D1CC
Drought
- CCD3D6
≈ Shiny Nickel
- D1D1D7
≈ Light Slipper Satin
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.82:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--drought: #d5d1cc;
--drought-rgb: 213 209 204;
--drought-oklch: oklch(0.862 0.008 73.7);
}
.element {
color: var(--drought);
background-color: hsl(33 10% 82%);
border-color: oklch(0.862 0.008 73.7);
}Tailwind CSS v4
@theme {
--color-drought: #d5d1cc;
--color-drought-50: #f6f5f3;
--color-drought-100: #e9e7e5;
--color-drought-200: #d6d4d0;
--color-drought-300: #bab7b3;
--color-drought-400: #a19e99;
--color-drought-500: #898580;
--color-drought-600: #74716d;
--color-drought-700: #5d5a57;
--color-drought-800: #44423f;
--color-drought-900: #2f2d2c;
--color-drought-950: #1c1a19;
}SCSS
$drought: #d5d1cc;
$drought-rgb: 213, 209, 204;
$drought-light: mix(#fff, $drought, 20%);
$drought-dark: mix(#000, $drought, 20%);
.element {
color: $drought;
box-shadow: 0 0 0 2px rgba($drought, 0.35);
}