Benoemde kleur · #E0E4DB
Shy Mint
Shy Mint is #E0E4DB: rgb(224 228 219), hsl(87 14% 88%), oklch(0.913 0.013 126.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Shy Mint color name →
#E0E4DB
oklch(0.913 0.013 126.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- E3E7DF
- E6E9E2
- E9ECE6
- ECEFE9
- EFF1ED
- F3F4F0
- F6F7F4
- F9FAF8
- FCFCFB
Schaduwen
- C3C6BE
- A6A9A2
- 8A8D87
- 70726D
- 565854
- 3E3F3C
- 272826
- 121211
- 020302
Tonen
- D6DAD2
- CCCFC8
- C2C5BF
- B8BBB6
- AFB1AC
- A5A7A3
- 9C9D9A
- 929391
- 898A89
Kleurharmonieën
Complementair +180°
- E0E4DB
Shy Mint
- E4E0E9
≈ White Bud
Analoog -30° +30°
- E0E4DB
Shy Mint
- E5E2D9
≈ Origami White
- DCE5DF
≈ Melting Snowman
Triadisch +120° +240°
- E0E4DB
Shy Mint
- DCE3EB
≈ Icelandic
- EADFE1
≈ Pink Posey
Gesplitst complementair +150° +210°
- E0E4DB
Shy Mint
- E0E2EB
≈ White Lavender
- E8DFE5
≈ Dainty Flower
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.28:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
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);
}