Colore con nome · #EAD5AE
Summer Melon
Summer Melon è #EAD5AE: rgb(234 213 174), hsl(39 59% 80%), oklch(0.881 0.056 82.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Summer Melon color name →
#EAD5AE
oklch(0.881 0.056 82.9)
Conversioni di colore
- HEX
- #ead5ae
- RGB
- rgb(234 213 174)
- HSL
- hsl(39 59% 80%)
- HWB
- hwb(39 68% 8%)
- OKLCH
- oklch(0.881 0.056 82.9)
- OKLab
- oklab(0.881 0.007 0.056)
- CIE Lab
- lab(86.29 3.17 22.15)
- LCH
- lch(86.29 22.37 81.8)
- CMYK
- cmyk(0% 9% 26% 8%)
Tinte · Ombre · Toni
Tinte
- ECD9B6
- EEDDBE
- F0E2C6
- F2E6CE
- F5EAD7
- F7EEDF
- F9F2E7
- FBF7EF
- FDFBF7
Ombre
- CBB997
- AE9E80
- 91836A
- 756A55
- 5A5141
- 413A2E
- 29241C
- 13100B
- 030201
Toni
- DFCCA9
- D4C3A5
- C9BBA0
- BEB29C
- B4AA97
- A9A193
- 9F998E
- 949089
- 8A8885
Armonie di colore
Complementare +180°
- EAD5AE
Summer Melon
- C4D8FE
≈ Pale Phthalo Blue
Analogo -30° +30°
- EAD5AE
Summer Melon
- F7CEB6
≈ Royal Milk Tea
- D7DCB2
≈ Spring Thyme
Triadico +120° +240°
- EAD5AE
Summer Melon
- ACE3E8
≈ Opal
- EACCEE
≈ Bubblegum Crisis
Complementare divisa +150° +210°
- EAD5AE
Summer Melon
- B4DFF7
≈ Echo Iris
- D8D1FA
≈ Pale Lavender
Tetradico +90° +180° +270°
- EAD5AE
Summer Melon
- B2E4D4
≈ Bay
- C4D8FE
≈ Pale Phthalo Blue
- F7C9DB
≈ Baby Steps
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.62:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.62:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--summer-melon: #ead5ae;
--summer-melon-rgb: 234 213 174;
--summer-melon-oklch: oklch(0.881 0.056 82.9);
}
.element {
color: var(--summer-melon);
background-color: hsl(39 59% 80%);
border-color: oklch(0.881 0.056 82.9);
}Tailwind CSS v4
@theme {
--color-summer-melon: #ead5ae;
--color-summer-melon-50: #fdf4e3;
--color-summer-melon-100: #f1e7d3;
--color-summer-melon-200: #dfd3ba;
--color-summer-melon-300: #c5b697;
--color-summer-melon-400: #af9c79;
--color-summer-melon-500: #99835b;
--color-summer-melon-600: #816f4d;
--color-summer-melon-700: #67593d;
--color-summer-melon-800: #4c402c;
--color-summer-melon-900: #352c1d;
--color-summer-melon-950: #20190d;
}SCSS
$summer-melon: #ead5ae;
$summer-melon-rgb: 234, 213, 174;
$summer-melon-light: mix(#fff, $summer-melon, 20%);
$summer-melon-dark: mix(#000, $summer-melon, 20%);
.element {
color: $summer-melon;
box-shadow: 0 0 0 2px rgba($summer-melon, 0.35);
}