Benannte Farbe · #D3CBC6
Desolate Field
Desolate Field ist #D3CBC6: rgb(211 203 198), hsl(23 13% 80%), oklch(0.847 0.011 54.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Desolate Field color name →
#D3CBC6
oklch(0.847 0.011 54.5)
Farbumrechnungen
- HEX
- #d3cbc6
- RGB
- rgb(211 203 198)
- HSL
- hsl(23 13% 80%)
- HWB
- hwb(23 78% 17%)
- OKLCH
- oklch(0.847 0.011 54.5)
- OKLab
- oklab(0.847 0.007 0.009)
- CIE Lab
- lab(82.23 2.22 3.54)
- LCH
- lch(82.23 4.18 57.9)
- CMYK
- cmyk(0% 4% 6% 17%)
Tints · Shades · Tones
Tints
- D7D0CC
- DCD5D1
- E0DAD7
- E4E0DC
- E9E5E2
- EDEAE8
- F2EFEE
- F6F4F3
- FBFAF9
Shades
- B7B0AC
- 9C9692
- 827D7A
- 696562
- 514D4B
- 3A3735
- 242221
- 100F0E
- 020202
Tones
- CAC3BF
- C2BCB8
- B9B4B0
- B1ACA9
- A9A5A2
- A09D9B
- 989694
- 908E8E
- 888787
Farbharmonien
Komplementär +180°
- D3CBC6
Desolate Field
- C6CED3
≈ Ephemeral Mist
Analog -30° +30°
- D3CBC6
Desolate Field
- D4CAC9
≈ Dusk in the Valley
- D0CCC5
≈ Cool Slate
Triadisch +120° +240°
- D3CBC6
Desolate Field
- C6CFCC
≈ Light French Grey
- CDCBD4
≈ Ghostly Grey
Geteilt komplementär +150° +210°
- D3CBC6
Desolate Field
- C5CFD0
≈ Lark Wing
- C9CDD4
≈ Ephemeral Mist
Tetradisch +90° +180° +270°
- D3CBC6
Desolate Field
- C8CFC8
≈ Murmur
- C6CED3
≈ Ephemeral Mist
- D1CAD1
≈ Light Stately Frills
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.12:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--desolate-field: #d3cbc6;
--desolate-field-rgb: 211 203 198;
--desolate-field-oklch: oklch(0.847 0.011 54.5);
}
.element {
color: var(--desolate-field);
background-color: hsl(23 13% 80%);
border-color: oklch(0.847 0.011 54.5);
}Tailwind CSS v4
@theme {
--color-desolate-field: #d3cbc6;
--color-desolate-field-50: #f8f4f2;
--color-desolate-field-100: #ebe7e4;
--color-desolate-field-200: #d8d3d0;
--color-desolate-field-300: #bcb6b2;
--color-desolate-field-400: #a49d98;
--color-desolate-field-500: #8c847f;
--color-desolate-field-600: #77706c;
--color-desolate-field-700: #5f5a56;
--color-desolate-field-800: #46413f;
--color-desolate-field-900: #302d2b;
--color-desolate-field-950: #1c1a19;
}SCSS
$desolate-field: #d3cbc6;
$desolate-field-rgb: 211, 203, 198;
$desolate-field-light: mix(#fff, $desolate-field, 20%);
$desolate-field-dark: mix(#000, $desolate-field, 20%);
.element {
color: $desolate-field;
box-shadow: 0 0 0 2px rgba($desolate-field, 0.35);
}