Colore con nome · #E0E3C8
More Melon
More Melon è #E0E3C8: rgb(224 227 200), hsl(67 33% 84%), oklch(0.906 0.036 112.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · More Melon color name →
#E0E3C8
oklch(0.906 0.036 112.3)
Conversioni di colore
- HEX
- #e0e3c8
- RGB
- rgb(224 227 200)
- HSL
- hsl(67 33% 84%)
- HWB
- hwb(67 78% 11%)
- OKLCH
- oklch(0.906 0.036 112.3)
- OKLab
- oklab(0.906 -0.014 0.033)
- CIE Lab
- lab(89.46 -4.47 12.88)
- LCH
- lch(89.46 13.64 109.1)
- CMYK
- cmyk(1% 0% 12% 11%)
Tinte · Ombre · Toni
Tinte
- E3E6CD
- E6E9D3
- E9EBD8
- ECEEDE
- EFF1E3
- F2F4E9
- F6F7EE
- F9F9F4
- FCFCF9
Ombre
- C3C5AE
- A6A894
- 8A8C7B
- 707163
- 56574C
- 3E3F36
- 272721
- 12120F
- 020302
Toni
- D6D9C1
- CCCEB9
- C2C4B2
- B8BAAB
- AFB0A3
- A5A69C
- 9C9D95
- 92938E
- 898987
Armonie di colore
Complementare +180°
- E0E3C8
More Melon
- E0DCF7
≈ Nostalgia Perfume
Analogo -30° +30°
- E0E3C8
More Melon
- ECDEC6
≈ Nobility
- D3E7D1
≈ Herbal Mist
Triadico +120° +240°
- E0E3C8
More Melon
- C9E5F4
≈ Icy Landscape
- F4D7E2
≈ Pink Frosting
Complementare divisa +150° +210°
- E0E3C8
More Melon
- D3E1F9
≈ Puffy Cloud
- ECD9EF
≈ Pouty Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 15.99:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--more-melon: #e0e3c8;
--more-melon-rgb: 224 227 200;
--more-melon-oklch: oklch(0.906 0.036 112.3);
}
.element {
color: var(--more-melon);
background-color: hsl(67 33% 84%);
border-color: oklch(0.906 0.036 112.3);
}Tailwind CSS v4
@theme {
--color-more-melon: #e0e3c8;
--color-more-melon-50: #f5f6eb;
--color-more-melon-100: #e7e9dc;
--color-more-melon-200: #d3d6c5;
--color-more-melon-300: #b7baa5;
--color-more-melon-400: #9ea189;
--color-more-melon-500: #86896e;
--color-more-melon-600: #72745d;
--color-more-melon-700: #5b5d4a;
--color-more-melon-800: #434435;
--color-more-melon-900: #2e2f24;
--color-more-melon-950: #1b1b13;
}SCSS
$more-melon: #e0e3c8;
$more-melon-rgb: 224, 227, 200;
$more-melon-light: mix(#fff, $more-melon, 20%);
$more-melon-dark: mix(#000, $more-melon, 20%);
.element {
color: $more-melon;
box-shadow: 0 0 0 2px rgba($more-melon, 0.35);
}