Benannte Farbe · #E9DDD4
Polite White
Polite White ist #E9DDD4: rgb(233 221 212), hsl(26 32% 87%), oklch(0.905 0.018 59.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Polite White color name →
#E9DDD4
oklch(0.905 0.018 59.5)
Farbumrechnungen
- HEX
- #e9ddd4
- RGB
- rgb(233 221 212)
- HSL
- hsl(26 32% 87%)
- HWB
- hwb(26 83% 9%)
- OKLCH
- oklch(0.905 0.018 59.5)
- OKLab
- oklab(0.905 0.009 0.015)
- CIE Lab
- lab(88.9 3.12 5.98)
- LCH
- lch(88.9 6.74 62.4)
- CMYK
- cmyk(0% 5% 9% 9%)
Tints · Shades · Tones
Tints
- EBE0D8
- EDE4DD
- F0E7E1
- F2EBE5
- F4EEE9
- F6F1EE
- F8F5F2
- FBF8F6
- FDFCFB
Shades
- CBC0B8
- ADA49D
- 908883
- 746E69
- 5A5551
- 413D3A
- 292624
- 131110
- 030202
Tones
- DED3CB
- D3CAC3
- C8C0BA
- BEB7B2
- B3ADA9
- A9A4A1
- 9E9B98
- 949290
- 8A8988
Farbharmonien
Komplementär +180°
- E9DDD4
Polite White
- D5E1EA
≈ Pale Grey Blue
Analog -30° +30°
- E9DDD4
Polite White
- EBDBD9
≈ Hyper Light Drifter
- E4DFD2
≈ Southern Breeze
Triadisch +120° +240°
- E9DDD4
Polite White
- D4E4E0
≈ Cirrus Blue
- E1DDEA
≈ Rare Crystal
Geteilt komplementär +150° +210°
- E9DDD4
Polite White
- D3E3E6
≈ Bubbles in the Air
- DBDFEC
≈ Diluted Lilac
Tetradisch +90° +180° +270°
- E9DDD4
Polite White
- D8E3D9
≈ Eye of the Storm
- D5E1EA
≈ Pale Grey Blue
- E7DBE5
≈ Spangle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.75:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--polite-white: #e9ddd4;
--polite-white-rgb: 233 221 212;
--polite-white-oklch: oklch(0.905 0.018 59.5);
}
.element {
color: var(--polite-white);
background-color: hsl(26 32% 87%);
border-color: oklch(0.905 0.018 59.5);
}Tailwind CSS v4
@theme {
--color-polite-white: #e9ddd4;
--color-polite-white-50: #f9f4f0;
--color-polite-white-100: #ece7e2;
--color-polite-white-200: #dad3cd;
--color-polite-white-300: #beb5ae;
--color-polite-white-400: #a79c94;
--color-polite-white-500: #90847b;
--color-polite-white-600: #796f68;
--color-polite-white-700: #615953;
--color-polite-white-800: #47413c;
--color-polite-white-900: #312d29;
--color-polite-white-950: #1d1a17;
}SCSS
$polite-white: #e9ddd4;
$polite-white-rgb: 233, 221, 212;
$polite-white-light: mix(#fff, $polite-white, 20%);
$polite-white-dark: mix(#000, $polite-white, 20%);
.element {
color: $polite-white;
box-shadow: 0 0 0 2px rgba($polite-white, 0.35);
}