Colore con nome · #E0DFD9
Statuesque
Statuesque è #E0DFD9: rgb(224 223 217), hsl(51 10% 86%), oklch(0.903 0.008 98.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Statuesque color name →
#E0DFD9
oklch(0.903 0.008 98.9)
Conversioni di colore
- HEX
- #e0dfd9
- RGB
- rgb(224 223 217)
- HSL
- hsl(51 10% 86%)
- HWB
- hwb(51 85% 12%)
- OKLCH
- oklch(0.903 0.008 98.9)
- OKLab
- oklab(0.903 -0.001 0.008)
- CIE Lab
- lab(88.78 -0.44 3.07)
- LCH
- lch(88.78 3.11 98.1)
- CMYK
- cmyk(0% 0% 3% 12%)
Tinte · Ombre · Toni
Tinte
- E3E2DD
- E6E5E1
- E9E9E4
- ECECE8
- EFEFEC
- F3F2F0
- F6F5F3
- F9F9F7
- FCFCFB
Ombre
- C3C2BC
- A6A5A1
- 8A8A86
- 706F6C
- 565653
- 3E3D3B
- 272725
- 121211
- 020202
Toni
- D6D5D0
- CCCBC7
- C2C2BD
- B8B8B4
- AFAEAB
- A5A5A3
- 9C9B9A
- 929291
- 898989
Armonie di colore
Complementare +180°
- E0DFD9
Statuesque
- DDDEE4
≈ White Elephant
Analogo -30° +30°
- E0DFD9
Statuesque
- E3DED9
≈ Pale Starlet
- DDE0DA
≈ Tinsmith
Triadico +120° +240°
- E0DFD9
Statuesque
- D9E0E2
≈ Blue Smoke
- E3DDE1
≈ Rusty Pebble
Complementare divisa +150° +210°
- E0DFD9
Statuesque
- DBDFE4
≈ Terminator Chrome
- E0DDE3
≈ February Frost
Tetradico +90° +180° +270°
- E0DFD9
Statuesque
- D9E1E0
≈ Divine Inspiration
- DDDEE4
≈ White Elephant
- E4DDDE
≈ Coquette
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.72:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--statuesque: #e0dfd9;
--statuesque-rgb: 224 223 217;
--statuesque-oklch: oklch(0.903 0.008 98.9);
}
.element {
color: var(--statuesque);
background-color: hsl(51 10% 86%);
border-color: oklch(0.903 0.008 98.9);
}Tailwind CSS v4
@theme {
--color-statuesque: #e0dfd9;
--color-statuesque-50: #f5f5f3;
--color-statuesque-100: #e8e8e5;
--color-statuesque-200: #d5d4d0;
--color-statuesque-300: #b8b7b3;
--color-statuesque-400: #9f9e99;
--color-statuesque-500: #878680;
--color-statuesque-600: #72726d;
--color-statuesque-700: #5c5b57;
--color-statuesque-800: #43423f;
--color-statuesque-900: #2e2e2c;
--color-statuesque-950: #1b1b19;
}SCSS
$statuesque: #e0dfd9;
$statuesque-rgb: 224, 223, 217;
$statuesque-light: mix(#fff, $statuesque, 20%);
$statuesque-dark: mix(#000, $statuesque, 20%);
.element {
color: $statuesque;
box-shadow: 0 0 0 2px rgba($statuesque, 0.35);
}