Benannte Farbe · #E1E0D6
Bannister White
Bannister White ist #E1E0D6: rgb(225 224 214), hsl(55 15% 86%), oklch(0.905 0.013 102). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bannister White color name →
#E1E0D6
oklch(0.905 0.013 102)
Farbumrechnungen
- HEX
- #e1e0d6
- RGB
- rgb(225 224 214)
- HSL
- hsl(55 15% 86%)
- HWB
- hwb(55 84% 12%)
- OKLCH
- oklch(0.905 0.013 102)
- OKLab
- oklab(0.905 -0.003 0.013)
- CIE Lab
- lab(89.05 -0.95 5.04)
- LCH
- lch(89.05 5.13 100.7)
- CMYK
- cmyk(0% 0% 5% 12%)
Tints · Shades · Tones
Tints
- E4E3DA
- E7E6DE
- EAE9E2
- EDECE6
- F0EFEA
- F3F3EE
- F6F6F3
- F9F9F7
- FCFCFB
Shades
- C4C3BA
- A7A69E
- 8B8A84
- 70706A
- 565652
- 3E3E3B
- 272725
- 121210
- 020202
Tones
- D7D6CD
- CDCCC4
- C3C2BB
- B9B8B3
- AFAFAA
- A6A5A1
- 9C9C99
- 939291
- 898988
Farbharmonien
Komplementär +180°
- E1E0D6
Bannister White
- DEDFE9
≈ Delicate Cloud
Analog -30° +30°
- E1E0D6
Bannister White
- E5DED6
≈ Sandy Ash
- DCE2D8
≈ Salty Breeze
Triadisch +120° +240°
- E1E0D6
Bannister White
- D6E2E6
≈ Glassine
- E6DCE2
≈ Bōsōzoku Pink
Geteilt komplementär +150° +210°
- E1E0D6
Bannister White
- D9E0E8
≈ Eastern Breeze
- E2DDE6
≈ Minified Purple
Tetradisch +90° +180° +270°
- E1E0D6
Bannister White
- D6E3E2
≈ Meadowsweet Mist
- DEDFE9
≈ Delicate Cloud
- E8DCDD
≈ Homoeopathic Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.83:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.83:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--bannister-white: #e1e0d6;
--bannister-white-rgb: 225 224 214;
--bannister-white-oklch: oklch(0.905 0.013 102);
}
.element {
color: var(--bannister-white);
background-color: hsl(55 15% 86%);
border-color: oklch(0.905 0.013 102);
}Tailwind CSS v4
@theme {
--color-bannister-white: #e1e0d6;
--color-bannister-white-50: #f6f5f1;
--color-bannister-white-100: #e8e8e3;
--color-bannister-white-200: #d5d5ce;
--color-bannister-white-300: #b8b8b0;
--color-bannister-white-400: #a09f96;
--color-bannister-white-500: #88877d;
--color-bannister-white-600: #73726a;
--color-bannister-white-700: #5c5b54;
--color-bannister-white-800: #43433d;
--color-bannister-white-900: #2e2e2a;
--color-bannister-white-950: #1b1b18;
}SCSS
$bannister-white: #e1e0d6;
$bannister-white-rgb: 225, 224, 214;
$bannister-white-light: mix(#fff, $bannister-white, 20%);
$bannister-white-dark: mix(#000, $bannister-white, 20%);
.element {
color: $bannister-white;
box-shadow: 0 0 0 2px rgba($bannister-white, 0.35);
}