Benannte Farbe · #E8E3C9
White Cliffs
White Cliffs ist #E8E3C9: rgb(232 227 201), hsl(50 40% 85%), oklch(0.913 0.035 98.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · White Cliffs color name →
#E8E3C9
oklch(0.913 0.035 98.1)
Farbumrechnungen
- HEX
- #e8e3c9
- RGB
- rgb(232 227 201)
- HSL
- hsl(50 40% 85%)
- HWB
- hwb(50 79% 9%)
- OKLCH
- oklch(0.913 0.035 98.1)
- OKLab
- oklab(0.913 -0.005 0.035)
- CIE Lab
- lab(90.12 -1.45 13.39)
- LCH
- lch(90.12 13.47 96.2)
- CMYK
- cmyk(0% 2% 13% 9%)
Tints · Shades · Tones
Tints
- EAE6CE
- EDE9D4
- EFEBD9
- F1EEDF
- F3F1E4
- F6F4E9
- F8F7EF
- FAF9F4
- FDFCFA
Shades
- CAC5AE
- ACA895
- 908C7C
- 747164
- 59574C
- 403F36
- 292722
- 13120F
- 030302
Tones
- DDD9C1
- D2CEBA
- C8C4B3
- BDBAAB
- B3B0A4
- A8A69D
- 9E9D95
- 94938E
- 8A8987
Farbharmonien
Komplementär +180°
- E8E3C9
White Cliffs
- DCE1FA
≈ Stoic White
Analog -30° +30°
- E8E3C9
White Cliffs
- F2DFCA
≈ So Much Fawn
- DBE7CF
≈ Minty Frosting
Triadisch +120° +240°
- E8E3C9
White Cliffs
- CAE8F2
≈ Sapphireberry
- F3DAEA
≈ Nursery Pink
Geteilt komplementär +150° +210°
- E8E3C9
White Cliffs
- D1E5F9
≈ New Heights
- E9DDF5
≈ Lingering Lilac
Tetradisch +90° +180° +270°
- E8E3C9
White Cliffs
- C9EAE6
≈ Tahitian Sky
- DCE1FA
≈ Stoic White
- F8D9DE
≈ Bunny’s Nose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.26:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.26:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--white-cliffs: #e8e3c9;
--white-cliffs-rgb: 232 227 201;
--white-cliffs-oklch: oklch(0.913 0.035 98.1);
}
.element {
color: var(--white-cliffs);
background-color: hsl(50 40% 85%);
border-color: oklch(0.913 0.035 98.1);
}Tailwind CSS v4
@theme {
--color-white-cliffs: #e8e3c9;
--color-white-cliffs-50: #f7f6ea;
--color-white-cliffs-100: #eae8db;
--color-white-cliffs-200: #d7d5c4;
--color-white-cliffs-300: #bbb8a4;
--color-white-cliffs-400: #a49f88;
--color-white-cliffs-500: #8c876c;
--color-white-cliffs-600: #76725c;
--color-white-cliffs-700: #5f5b49;
--color-white-cliffs-800: #464335;
--color-white-cliffs-900: #302e24;
--color-white-cliffs-950: #1d1b13;
}SCSS
$white-cliffs: #e8e3c9;
$white-cliffs-rgb: 232, 227, 201;
$white-cliffs-light: mix(#fff, $white-cliffs, 20%);
$white-cliffs-dark: mix(#000, $white-cliffs, 20%);
.element {
color: $white-cliffs;
box-shadow: 0 0 0 2px rgba($white-cliffs, 0.35);
}