Colore con nome · #E0D5CC
Westchester White
Westchester White è #E0D5CC: rgb(224 213 204), hsl(27 24% 84%), oklch(0.879 0.017 61.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Westchester White color name →
#E0D5CC
oklch(0.879 0.017 61.9)
Conversioni di colore
- HEX
- #e0d5cc
- RGB
- rgb(224 213 204)
- HSL
- hsl(27 24% 84%)
- HWB
- hwb(27 80% 12%)
- OKLCH
- oklch(0.879 0.017 61.9)
- OKLab
- oklab(0.879 0.008 0.015)
- CIE Lab
- lab(85.98 2.78 5.89)
- LCH
- lch(85.98 6.51 64.7)
- CMYK
- cmyk(0% 5% 9% 12%)
Tinte · Ombre · Toni
Tinte
- E3D9D1
- E6DDD6
- E9E1DB
- ECE6E0
- EFEAE5
- F3EEEA
- F6F2F0
- F9F7F5
- FCFBFA
Ombre
- C3B9B1
- A69E97
- 8A837E
- 706A65
- 56514E
- 3E3A37
- 272422
- 12100F
- 020202
Toni
- D6CCC4
- CCC3BC
- C2BBB5
- B8B2AD
- AFAAA5
- A5A19E
- 9C9996
- 92908F
- 898887
Armonie di colore
Complementare +180°
- E0D5CC
Westchester White
- CED9E2
≈ Pale Cornflower
Analogo -30° +30°
- E0D5CC
Westchester White
- E2D3D0
≈ Light Lavender Blush
- DBD7CB
≈ Athena
Triadico +120° +240°
- E0D5CC
Westchester White
- CCDBD8
≈ Blue Cypress
- D9D5E1
≈ Heavenly Haze
Complementare divisa +150° +210°
- E0D5CC
Westchester White
- CBDBDE
≈ Reflection Pool
- D3D7E3
≈ So Blue-Berry
Tetradico +90° +180° +270°
- E0D5CC
Westchester White
- CFDBD2
≈ Light Zen
- CED9E2
≈ Pale Cornflower
- DED3DC
≈ Timid Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.55:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--westchester-white: #e0d5cc;
--westchester-white-rgb: 224 213 204;
--westchester-white-oklch: oklch(0.879 0.017 61.9);
}
.element {
color: var(--westchester-white);
background-color: hsl(27 24% 84%);
border-color: oklch(0.879 0.017 61.9);
}Tailwind CSS v4
@theme {
--color-westchester-white: #e0d5cc;
--color-westchester-white-50: #f9f4f0;
--color-westchester-white-100: #ece7e2;
--color-westchester-white-200: #dad3cd;
--color-westchester-white-300: #beb6ae;
--color-westchester-white-400: #a69c94;
--color-westchester-white-500: #8f847b;
--color-westchester-white-600: #797068;
--color-westchester-white-700: #615953;
--color-westchester-white-800: #47413c;
--color-westchester-white-900: #312d2a;
--color-westchester-white-950: #1d1a17;
}SCSS
$westchester-white: #e0d5cc;
$westchester-white-rgb: 224, 213, 204;
$westchester-white-light: mix(#fff, $westchester-white, 20%);
$westchester-white-dark: mix(#000, $westchester-white, 20%);
.element {
color: $westchester-white;
box-shadow: 0 0 0 2px rgba($westchester-white, 0.35);
}