Colore con nome · #E0E4DC
Catskill White
Catskill White è #E0E4DC: rgb(224 228 220), hsl(90 13% 88%), oklch(0.914 0.012 128.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Catskill White color name →
#E0E4DC
oklch(0.914 0.012 128.6)
Conversioni di colore
- HEX
- #e0e4dc
- RGB
- rgb(224 228 220)
- HSL
- hsl(90 13% 88%)
- HWB
- hwb(90 86% 11%)
- OKLCH
- oklch(0.914 0.012 128.6)
- OKLab
- oklab(0.914 -0.007 0.009)
- CIE Lab
- lab(90.11 -2.46 3.42)
- LCH
- lch(90.11 4.21 125.7)
- CMYK
- cmyk(2% 0% 4% 11%)
Tinte · Ombre · Toni
Tinte
- E3E7DF
- E6E9E3
- E9ECE6
- ECEFEA
- EFF1ED
- F3F4F1
- F6F7F4
- F9FAF8
- FCFCFB
Ombre
- C3C6BF
- A6A9A3
- 8A8D88
- 70726E
- 565854
- 3E3F3C
- 272826
- 121211
- 020302
Toni
- D6DAD2
- CCCFC9
- C2C5BF
- B8BBB6
- AFB1AD
- A5A7A4
- 9C9D9B
- 929392
- 898A89
Armonie di colore
Complementare +180°
- E0E4DC
Catskill White
- E5E0E8
≈ Selago
Analogo -30° +30°
- E0E4DC
Catskill White
- E4E3DA
≈ Pearly Star
- DCE5E0
≈ Melting Snowman
Triadico +120° +240°
- E0E4DC
Catskill White
- DDE3EA
≈ Snow Blanket
- EADFE1
≈ Pink Posey
Complementare divisa +150° +210°
- E0E4DC
Catskill White
- E0E2EA
≈ December Dawn
- E8E0E5
≈ Sakura Nezu
Tetradico +90° +180° +270°
- E0E4DC
Catskill White
- DAE4E8
≈ Cityscape
- E5E0E8
≈ Selago
- EAE0DD
≈ Sweet Roses
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.30:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--catskill-white: #e0e4dc;
--catskill-white-rgb: 224 228 220;
--catskill-white-oklch: oklch(0.914 0.012 128.6);
}
.element {
color: var(--catskill-white);
background-color: hsl(90 13% 88%);
border-color: oklch(0.914 0.012 128.6);
}Tailwind CSS v4
@theme {
--color-catskill-white: #e0e4dc;
--color-catskill-white-50: #f4f6f2;
--color-catskill-white-100: #e6e9e5;
--color-catskill-white-200: #d2d5d0;
--color-catskill-white-300: #b5b9b3;
--color-catskill-white-400: #9ca099;
--color-catskill-white-500: #848880;
--color-catskill-white-600: #70736c;
--color-catskill-white-700: #595c56;
--color-catskill-white-800: #41433f;
--color-catskill-white-900: #2d2e2b;
--color-catskill-white-950: #1a1b19;
}SCSS
$catskill-white: #e0e4dc;
$catskill-white-rgb: 224, 228, 220;
$catskill-white-light: mix(#fff, $catskill-white, 20%);
$catskill-white-dark: mix(#000, $catskill-white, 20%);
.element {
color: $catskill-white;
box-shadow: 0 0 0 2px rgba($catskill-white, 0.35);
}