Nazwany kolor · #E4EBDC
Minified Mint
Minified Mint to #E4EBDC: rgb(228 235 220), hsl(88 27% 89%), oklch(0.931 0.021 127.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Minified Mint color name →
#E4EBDC
oklch(0.931 0.021 127.4)
Konwersje koloru
- HEX
- #e4ebdc
- RGB
- rgb(228 235 220)
- HSL
- hsl(88 27% 89%)
- HWB
- hwb(88 86% 8%)
- OKLCH
- oklch(0.931 0.021 127.4)
- OKLab
- oklab(0.931 -0.013 0.017)
- CIE Lab
- lab(92.2 -4.39 6.45)
- LCH
- lch(92.2 7.81 124.3)
- CMYK
- cmyk(3% 0% 6% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7EDDF
- E9EFE3
- ECF1E6
- EFF3EA
- F1F5ED
- F4F7F1
- F7F9F4
- FAFBF8
- FCFDFB
Odcienie ciemniejsze
- C6CCBF
- A9AEA3
- 8D9188
- 72756E
- 585B54
- 3F413C
- 282926
- 121311
- 030302
Tony
- DAE0D2
- CFD5C9
- C5CABF
- BBBFB6
- B1B4AD
- A7A9A4
- 9D9F9B
- 939492
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- E4EBDC
Minified Mint
- ECE5F3
≈ Tranquil Eve
Analogowa -30° +30°
- E4EBDC
Minified Mint
- ECE8D9
≈ Fresh Linen
- DDEDE3
≈ Wishy-Washy Lichen
Triada +120° +240°
- E4EBDC
Minified Mint
- DDEAF6
≈ Freeze Up
- F6E3E5
≈ Faint Pink
Komplementarna rozszczepiona +150° +210°
- E4EBDC
Minified Mint
- E4E7F7
≈ Glitter
- F2E3ED
≈ Pink Amour
Tetrada +90° +180° +270°
- E4EBDC
Minified Mint
- D9ECF2
≈ Frost Wind
- ECE5F3
≈ Tranquil Eve
- F6E4DE
≈ Faded Light
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.21:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--minified-mint: #e4ebdc;
--minified-mint-rgb: 228 235 220;
--minified-mint-oklch: oklch(0.931 0.021 127.4);
}
.element {
color: var(--minified-mint);
background-color: hsl(88 27% 89%);
border-color: oklch(0.931 0.021 127.4);
}Tailwind CSS v4
@theme {
--color-minified-mint: #e4ebdc;
--color-minified-mint-50: #f3f6f0;
--color-minified-mint-100: #e5e9e2;
--color-minified-mint-200: #d1d6cd;
--color-minified-mint-300: #b4baae;
--color-minified-mint-400: #9ba194;
--color-minified-mint-500: #82897a;
--color-minified-mint-600: #6e7467;
--color-minified-mint-700: #585d53;
--color-minified-mint-800: #40443c;
--color-minified-mint-900: #2c2f29;
--color-minified-mint-950: #1a1b17;
}SCSS
$minified-mint: #e4ebdc;
$minified-mint-rgb: 228, 235, 220;
$minified-mint-light: mix(#fff, $minified-mint, 20%);
$minified-mint-dark: mix(#000, $minified-mint, 20%);
.element {
color: $minified-mint;
box-shadow: 0 0 0 2px rgba($minified-mint, 0.35);
}