Colore con nome · #ECE9E9
Poplar Kitten
Poplar Kitten è #ECE9E9: rgb(236 233 233), hsl(0 7% 92%), oklch(0.936 0.003 17.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Poplar Kitten color name →
#ECE9E9
oklch(0.936 0.003 17.2)
Conversioni di colore
- HEX
- #ece9e9
- RGB
- rgb(236 233 233)
- HSL
- hsl(0 7% 92%)
- HWB
- hwb(0 91% 7%)
- OKLCH
- oklch(0.936 0.003 17.2)
- OKLab
- oklab(0.936 0.003 0.001)
- CIE Lab
- lab(92.58 1.04 0.38)
- LCH
- lch(92.58 1.11 19.8)
- CMYK
- cmyk(0% 1% 1% 7%)
Tinte · Ombre · Toni
Tinte
- EEEBEB
- F0EDED
- F2F0F0
- F4F2F2
- F5F4F4
- F7F6F6
- F9F8F8
- FBFBFB
- FDFDFD
Ombre
- CDCBCB
- AFADAD
- 929090
- 767474
- 5B5A5A
- 424141
- 292929
- 131313
- 030303
Toni
- E1DEDE
- D5D3D3
- CAC8C8
- BFBEBE
- B4B3B3
- AAA9A9
- 9F9E9E
- 959494
- 8A8A8A
Armonie di colore
Complementare +180°
- ECE9E9
Poplar Kitten
- E8EBEB
≈ Superwhite
Analogo -30° +30°
- ECE9E9
Poplar Kitten
- ECE9EA
≈ Poplar Kitten
- ECE9E8
≈ Timeless Day
Triadico +120° +240°
- ECE9E9
Poplar Kitten
- E9EAE8
≈ Polypropylene
- E8EAEC
≈ Mourn Mountain Snow
Complementare divisa +150° +210°
- ECE9E9
Poplar Kitten
- E8EBE9
≈ Celestial Glow
- E8EAEC
≈ Mourn Mountain Snow
Tetradico +90° +180° +270°
- ECE9E9
Poplar Kitten
- EAEAE8
≈ Polypropylene
- E8EBEB
≈ Superwhite
- EAEAEC
≈ Mourn Mountain Snow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.39:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--poplar-kitten: #ece9e9;
--poplar-kitten-rgb: 236 233 233;
--poplar-kitten-oklch: oklch(0.936 0.003 17.2);
}
.element {
color: var(--poplar-kitten);
background-color: hsl(0 7% 92%);
border-color: oklch(0.936 0.003 17.2);
}Tailwind CSS v4
@theme {
--color-poplar-kitten: #ece9e9;
--color-poplar-kitten-50: #f6f5f5;
--color-poplar-kitten-100: #e9e7e7;
--color-poplar-kitten-200: #d5d4d3;
--color-poplar-kitten-300: #b9b7b7;
--color-poplar-kitten-400: #a09e9e;
--color-poplar-kitten-500: #888585;
--color-poplar-kitten-600: #737171;
--color-poplar-kitten-700: #5c5a5a;
--color-poplar-kitten-800: #434242;
--color-poplar-kitten-900: #2f2d2d;
--color-poplar-kitten-950: #1b1a1a;
}SCSS
$poplar-kitten: #ece9e9;
$poplar-kitten-rgb: 236, 233, 233;
$poplar-kitten-light: mix(#fff, $poplar-kitten, 20%);
$poplar-kitten-dark: mix(#000, $poplar-kitten, 20%);
.element {
color: $poplar-kitten;
box-shadow: 0 0 0 2px rgba($poplar-kitten, 0.35);
}