Colore con nome · #D3CBC6
Desolate Field
Desolate Field è #D3CBC6: rgb(211 203 198), hsl(23 13% 80%), oklch(0.847 0.011 54.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Desolate Field color name →
#D3CBC6
oklch(0.847 0.011 54.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D7D0CC
- DCD5D1
- E0DAD7
- E4E0DC
- E9E5E2
- EDEAE8
- F2EFEE
- F6F4F3
- FBFAF9
Ombre
- B7B0AC
- 9C9692
- 827D7A
- 696562
- 514D4B
- 3A3735
- 242221
- 100F0E
- 020202
Toni
- CAC3BF
- C2BCB8
- B9B4B0
- B1ACA9
- A9A5A2
- A09D9B
- 989694
- 908E8E
- 888787
Armonie di colore
Complementare +180°
- D3CBC6
Desolate Field
- C6CED3
≈ Ephemeral Mist
Analogo -30° +30°
- D3CBC6
Desolate Field
- D4CAC9
≈ Dusk in the Valley
- D0CCC5
≈ Cool Slate
Triadico +120° +240°
- D3CBC6
Desolate Field
- C6CFCC
≈ Light French Grey
- CDCBD4
≈ Ghostly Grey
Complementare divisa +150° +210°
- D3CBC6
Desolate Field
- C5CFD0
≈ Lark Wing
- C9CDD4
≈ Ephemeral Mist
Tetradico +90° +180° +270°
- D3CBC6
Desolate Field
- C8CFC8
≈ Murmur
- C6CED3
≈ Ephemeral Mist
- D1CAD1
≈ Light Stately Frills
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.12:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}