Colore con nome · #E1E0D6
Bannister White
Bannister White è #E1E0D6: rgb(225 224 214), hsl(55 15% 86%), oklch(0.905 0.013 102). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bannister White color name →
#E1E0D6
oklch(0.905 0.013 102)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E4E3DA
- E7E6DE
- EAE9E2
- EDECE6
- F0EFEA
- F3F3EE
- F6F6F3
- F9F9F7
- FCFCFB
Ombre
- C4C3BA
- A7A69E
- 8B8A84
- 70706A
- 565652
- 3E3E3B
- 272725
- 121210
- 020202
Toni
- D7D6CD
- CDCCC4
- C3C2BB
- B9B8B3
- AFAFAA
- A6A5A1
- 9C9C99
- 939291
- 898988
Armonie di colore
Complementare +180°
- E1E0D6
Bannister White
- DEDFE9
≈ Delicate Cloud
Analogo -30° +30°
- E1E0D6
Bannister White
- E5DED6
≈ Sandy Ash
- DCE2D8
≈ Salty Breeze
Triadico +120° +240°
- E1E0D6
Bannister White
- D6E2E6
≈ Glassine
- E6DCE2
≈ Bōsōzoku Pink
Complementare divisa +150° +210°
- E1E0D6
Bannister White
- D9E0E8
≈ Eastern Breeze
- E2DDE6
≈ Minified Purple
Tetradico +90° +180° +270°
- E1E0D6
Bannister White
- D6E3E2
≈ Meadowsweet Mist
- DEDFE9
≈ Delicate Cloud
- E8DCDD
≈ Homoeopathic Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.83:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.83:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}