Benannte Farbe · #E8E1CE
Shearling
Shearling ist #E8E1CE: rgb(232 225 206), hsl(44 36% 86%), oklch(0.91 0.026 90.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Shearling color name →
#E8E1CE
oklch(0.91 0.026 90.1)
Farbumrechnungen
- HEX
- #e8e1ce
- RGB
- rgb(232 225 206)
- HSL
- hsl(44 36% 86%)
- HWB
- hwb(44 81% 9%)
- OKLCH
- oklch(0.91 0.026 90.1)
- OKLab
- oklab(0.91 0 0.026)
- CIE Lab
- lab(89.71 0.1 10.22)
- LCH
- lch(89.71 10.23 89.4)
- CMYK
- cmyk(0% 3% 11% 9%)
Tints · Shades · Tones
Tints
- EAE4D3
- EDE7D8
- EFEADD
- F1EDE1
- F3F0E6
- F6F3EB
- F8F6F0
- FAF9F5
- FDFCFA
Shades
- CAC4B3
- ACA798
- 908B7F
- 747066
- 59564E
- 403E38
- 292723
- 13120F
- 030202
Tones
- DDD7C6
- D2CDBE
- C8C3B6
- BDB9AE
- B3AFA6
- A8A69E
- 9E9C97
- 94938F
- 8A8988
Farbharmonien
Komplementär +180°
- E8E1CE
Shearling
- DAE1F4
≈ Aquarelle Purple
Analog -30° +30°
- E8E1CE
Shearling
- EFDED0
≈ Nearly Peach
- DFE4D1
≈ Mystical Sea
Triadisch +120° +240°
- E8E1CE
Shearling
- CEE7EB
≈ Ethereal Mood
- ECDBEA
≈ Elfin Magic
Geteilt komplementär +150° +210°
- E8E1CE
Shearling
- D2E4F2
≈ New Heights
- E4DEF1
≈ Lingering Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.09:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--shearling: #e8e1ce;
--shearling-rgb: 232 225 206;
--shearling-oklch: oklch(0.91 0.026 90.1);
}
.element {
color: var(--shearling);
background-color: hsl(44 36% 86%);
border-color: oklch(0.91 0.026 90.1);
}Tailwind CSS v4
@theme {
--color-shearling: #e8e1ce;
--color-shearling-50: #f8f5ed;
--color-shearling-100: #ebe8de;
--color-shearling-200: #d8d4c8;
--color-shearling-300: #bcb7a8;
--color-shearling-400: #a49e8d;
--color-shearling-500: #8d8673;
--color-shearling-600: #777161;
--color-shearling-700: #5f5b4e;
--color-shearling-800: #464238;
--color-shearling-900: #312e26;
--color-shearling-950: #1d1a15;
}SCSS
$shearling: #e8e1ce;
$shearling-rgb: 232, 225, 206;
$shearling-light: mix(#fff, $shearling, 20%);
$shearling-dark: mix(#000, $shearling, 20%);
.element {
color: $shearling;
box-shadow: 0 0 0 2px rgba($shearling, 0.35);
}