Colore con nome · #E0E4DB
Shy Mint
Shy Mint è #E0E4DB: rgb(224 228 219), hsl(87 14% 88%), oklch(0.913 0.013 126.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shy Mint color name →
#E0E4DB
oklch(0.913 0.013 126.4)
Conversioni di colore
- HEX
- #e0e4db
- RGB
- rgb(224 228 219)
- HSL
- hsl(87 14% 88%)
- HWB
- hwb(87 86% 11%)
- OKLCH
- oklch(0.913 0.013 126.4)
- OKLab
- oklab(0.913 -0.008 0.01)
- CIE Lab
- lab(90.09 -2.59 3.91)
- LCH
- lch(90.09 4.69 123.5)
- CMYK
- cmyk(2% 0% 4% 11%)
Tinte · Ombre · Toni
Tinte
- E3E7DF
- E6E9E2
- E9ECE6
- ECEFE9
- EFF1ED
- F3F4F0
- F6F7F4
- F9FAF8
- FCFCFB
Ombre
- C3C6BE
- A6A9A2
- 8A8D87
- 70726D
- 565854
- 3E3F3C
- 272826
- 121211
- 020302
Toni
- D6DAD2
- CCCFC8
- C2C5BF
- B8BBB6
- AFB1AC
- A5A7A3
- 9C9D9A
- 929391
- 898A89
Armonie di colore
Complementare +180°
- E0E4DB
Shy Mint
- E4E0E9
≈ White Bud
Analogo -30° +30°
- E0E4DB
Shy Mint
- E5E2D9
≈ Origami White
- DCE5DF
≈ Melting Snowman
Triadico +120° +240°
- E0E4DB
Shy Mint
- DCE3EB
≈ Icelandic
- EADFE1
≈ Pink Posey
Complementare divisa +150° +210°
- E0E4DB
Shy Mint
- E0E2EB
≈ White Lavender
- E8DFE5
≈ Dainty Flower
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.28:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--shy-mint: #e0e4db;
--shy-mint-rgb: 224 228 219;
--shy-mint-oklch: oklch(0.913 0.013 126.4);
}
.element {
color: var(--shy-mint);
background-color: hsl(87 14% 88%);
border-color: oklch(0.913 0.013 126.4);
}Tailwind CSS v4
@theme {
--color-shy-mint: #e0e4db;
--color-shy-mint-50: #f4f6f2;
--color-shy-mint-100: #e6e9e4;
--color-shy-mint-200: #d2d5d0;
--color-shy-mint-300: #b5b9b2;
--color-shy-mint-400: #9ca098;
--color-shy-mint-500: #84887f;
--color-shy-mint-600: #70736b;
--color-shy-mint-700: #595c56;
--color-shy-mint-800: #41433e;
--color-shy-mint-900: #2d2e2b;
--color-shy-mint-950: #1a1b18;
}SCSS
$shy-mint: #e0e4db;
$shy-mint-rgb: 224, 228, 219;
$shy-mint-light: mix(#fff, $shy-mint, 20%);
$shy-mint-dark: mix(#000, $shy-mint, 20%);
.element {
color: $shy-mint;
box-shadow: 0 0 0 2px rgba($shy-mint, 0.35);
}