Benannte Farbe · #E0D4D0
Light Weathered Hide
Light Weathered Hide ist #E0D4D0: rgb(224 212 208), hsl(15 21% 85%), oklch(0.878 0.014 39.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Weathered Hide color name →
#E0D4D0
oklch(0.878 0.014 39.4)
Farbumrechnungen
- HEX
- #e0d4d0
- RGB
- rgb(224 212 208)
- HSL
- hsl(15 21% 85%)
- HWB
- hwb(15 82% 12%)
- OKLCH
- oklch(0.878 0.014 39.4)
- OKLab
- oklab(0.878 0.011 0.009)
- CIE Lab
- lab(85.81 3.77 3.54)
- LCH
- lch(85.81 5.17 43.2)
- CMYK
- cmyk(0% 5% 7% 12%)
Tints · Shades · Tones
Tints
- E3D8D5
- E6DCD9
- E9E1DE
- ECE5E3
- EFE9E7
- F3EEEC
- F6F2F1
- F9F6F5
- FCFBFA
Shades
- C3B8B5
- A69D9A
- 8A8380
- 706967
- 56514F
- 3E3A39
- 272423
- 121010
- 020202
Tones
- D6CBC8
- CCC3BF
- C2BAB7
- B8B1AF
- AFA9A7
- A5A19F
- 9C9897
- 92908F
- 898888
Farbharmonien
Komplementär +180°
- E0D4D0
Light Weathered Hide
- CDD9DD
≈ Hinting Blue
Analog -30° +30°
- E0D4D0
Light Weathered Hide
- E0D3D5
≈ Pearl Rose
- DDD5CD
≈ Steel Me
Triadisch +120° +240°
- E0D4D0
Light Weathered Hide
- CFDAD4
≈ Pearly Jade
- D5D6E1
≈ Purple Veil
Geteilt komplementär +150° +210°
- E0D4D0
Light Weathered Hide
- CDDAD9
≈ Siesta White
- D0D8E0
≈ Twinkle Blue
Tetradisch +90° +180° +270°
- E0D4D0
Light Weathered Hide
- D4D9CF
≈ Grape Oil Green
- CDD9DD
≈ Hinting Blue
- DAD5DE
≈ Violet Whimsey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.49:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--light-weathered-hide: #e0d4d0;
--light-weathered-hide-rgb: 224 212 208;
--light-weathered-hide-oklch: oklch(0.878 0.014 39.4);
}
.element {
color: var(--light-weathered-hide);
background-color: hsl(15 21% 85%);
border-color: oklch(0.878 0.014 39.4);
}Tailwind CSS v4
@theme {
--color-light-weathered-hide: #e0d4d0;
--color-light-weathered-hide-50: #f9f4f2;
--color-light-weathered-hide-100: #ece6e4;
--color-light-weathered-hide-200: #dad2cf;
--color-light-weathered-hide-300: #beb5b2;
--color-light-weathered-hide-400: #a69c98;
--color-light-weathered-hide-500: #8f837f;
--color-light-weathered-hide-600: #796f6c;
--color-light-weathered-hide-700: #615956;
--color-light-weathered-hide-800: #47413f;
--color-light-weathered-hide-900: #312d2b;
--color-light-weathered-hide-950: #1d1a19;
}SCSS
$light-weathered-hide: #e0d4d0;
$light-weathered-hide-rgb: 224, 212, 208;
$light-weathered-hide-light: mix(#fff, $light-weathered-hide, 20%);
$light-weathered-hide-dark: mix(#000, $light-weathered-hide, 20%);
.element {
color: $light-weathered-hide;
box-shadow: 0 0 0 2px rgba($light-weathered-hide, 0.35);
}