Benannte Farbe · #D5C7B3
Desert Suede
Desert Suede ist #D5C7B3: rgb(213 199 179), hsl(35 29% 77%), oklch(0.836 0.031 76.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Desert Suede color name →
#D5C7B3
oklch(0.836 0.031 76.9)
Farbumrechnungen
- HEX
- #d5c7b3
- RGB
- rgb(213 199 179)
- HSL
- hsl(35 29% 77%)
- HWB
- hwb(35 70% 16%)
- OKLCH
- oklch(0.836 0.031 76.9)
- OKLab
- oklab(0.836 0.007 0.031)
- CIE Lab
- lab(81.01 2.63 11.91)
- LCH
- lch(81.01 12.2 77.6)
- CMYK
- cmyk(0% 7% 16% 16%)
Tints · Shades · Tones
Tints
- D9CDBA
- DDD2C2
- E2D8C9
- E6DDD1
- EAE3D9
- EEE8E0
- F2EEE8
- F7F4F0
- FBF9F7
Shades
- B9AD9B
- 9E9384
- 837A6E
- 6A6258
- 514C43
- 3A362F
- 24211D
- 100E0C
- 020201
Tones
- CCC0AE
- C3B8A9
- BBB1A4
- B2AA9E
- AAA399
- A19C94
- 99958F
- 908E8A
- 888785
Farbharmonien
Komplementär +180°
- D5C7B3
Desert Suede
- BCCADE
≈ Arctic Grey
Analog -30° +30°
- D5C7B3
Desert Suede
- DBC4B8
≈ Basic Coral
- CBCBB4
≈ Only Olive
Triadisch +120° +240°
- D5C7B3
Desert Suede
- B3D0D0
≈ Turquoise Grey
- D2C3D7
≈ Seedless Grape
Geteilt komplementär +150° +210°
- D5C7B3
Desert Suede
- B5CED9
≈ Stencil Blue
- C7C7DD
≈ Pax
Tetradisch +90° +180° +270°
- D5C7B3
Desert Suede
- B7D0C5
≈ Quiet Drizzle
- BCCADE
≈ Arctic Grey
- DAC1CD
≈ Twilight Light
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.64:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--desert-suede: #d5c7b3;
--desert-suede-rgb: 213 199 179;
--desert-suede-oklch: oklch(0.836 0.031 76.9);
}
.element {
color: var(--desert-suede);
background-color: hsl(35 29% 77%);
border-color: oklch(0.836 0.031 76.9);
}Tailwind CSS v4
@theme {
--color-desert-suede: #d5c7b3;
--color-desert-suede-50: #faf4eb;
--color-desert-suede-100: #eee7dc;
--color-desert-suede-200: #dcd3c6;
--color-desert-suede-300: #c0b6a6;
--color-desert-suede-400: #a99c8a;
--color-desert-suede-500: #92846f;
--color-desert-suede-600: #7c705e;
--color-desert-suede-700: #63594b;
--color-desert-suede-800: #494136;
--color-desert-suede-900: #332d25;
--color-desert-suede-950: #1e1a14;
}SCSS
$desert-suede: #d5c7b3;
$desert-suede-rgb: 213, 199, 179;
$desert-suede-light: mix(#fff, $desert-suede, 20%);
$desert-suede-dark: mix(#000, $desert-suede, 20%);
.element {
color: $desert-suede;
box-shadow: 0 0 0 2px rgba($desert-suede, 0.35);
}