Colore con nome · #E0EAD8
Minted
Minted è #E0EAD8: rgb(224 234 216), hsl(93 30% 88%), oklch(0.925 0.026 130.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Minted color name →
#E0EAD8
oklch(0.925 0.026 130.9)
Conversioni di colore
- HEX
- #e0ead8
- RGB
- rgb(224 234 216)
- HSL
- hsl(93 30% 88%)
- HWB
- hwb(93 85% 8%)
- OKLCH
- oklch(0.925 0.026 130.9)
- OKLab
- oklab(0.925 -0.017 0.02)
- CIE Lab
- lab(91.56 -5.83 7.56)
- LCH
- lch(91.56 9.55 127.6)
- CMYK
- cmyk(4% 0% 8% 8%)
Tinte · Ombre · Toni
Tinte
- E3ECDC
- E6EEE0
- E9F0E4
- ECF2E8
- EFF4EB
- F3F7EF
- F6F9F3
- F9FBF7
- FCFDFB
Ombre
- C3CBBC
- A6AEA0
- 8A9185
- 70756B
- 565A53
- 3E413B
- 272925
- 121311
- 020302
Toni
- D6DFCF
- CCD4C6
- C2C9BD
- B8BEB4
- AFB4AB
- A5A9A2
- 9C9F9A
- 929491
- 898A88
Armonie di colore
Complementare +180°
- E0EAD8
Minted
- ECE2F3
≈ Sheer Lavender
Analogo -30° +30°
- E0EAD8
Minted
- E9E7D3
≈ Green Iced Tea
- D8ECE0
≈ Sage Salt
Triadico +120° +240°
- E0EAD8
Minted
- DAE8F8
≈ Celestial Cathedral
- F7DFE2
≈ Hint of Red
Complementare divisa +150° +210°
- E0EAD8
Minted
- E2E5F8
≈ Lavender Mist
- F3E0EB
≈ Taffeta Tint
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.93:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--minted: #e0ead8;
--minted-rgb: 224 234 216;
--minted-oklch: oklch(0.925 0.026 130.9);
}
.element {
color: var(--minted);
background-color: hsl(93 30% 88%);
border-color: oklch(0.925 0.026 130.9);
}Tailwind CSS v4
@theme {
--color-minted: #e0ead8;
--color-minted-50: #f2f7ef;
--color-minted-100: #e4eae1;
--color-minted-200: #d0d7cb;
--color-minted-300: #b2baad;
--color-minted-400: #99a292;
--color-minted-500: #808a78;
--color-minted-600: #6c7566;
--color-minted-700: #575d51;
--color-minted-800: #3f443b;
--color-minted-900: #2c2f28;
--color-minted-950: #191c16;
}SCSS
$minted: #e0ead8;
$minted-rgb: 224, 234, 216;
$minted-light: mix(#fff, $minted, 20%);
$minted-dark: mix(#000, $minted, 20%);
.element {
color: $minted;
box-shadow: 0 0 0 2px rgba($minted, 0.35);
}