Colore con nome · #EAAB7D
Melting Sunset
Melting Sunset è #EAAB7D: rgb(234 171 125), hsl(25 72% 70%), oklch(0.79 0.096 57). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Melting Sunset color name →
#EAAB7D
oklch(0.79 0.096 57)
Conversioni di colore
- HEX
- #eaab7d
- RGB
- rgb(234 171 125)
- HSL
- hsl(25 72% 70%)
- HWB
- hwb(25 49% 8%)
- OKLCH
- oklch(0.79 0.096 57)
- OKLab
- oklab(0.79 0.052 0.08)
- CIE Lab
- lab(75.29 19.89 33.23)
- LCH
- lch(75.29 38.73 59.1)
- CMYK
- cmyk(0% 27% 47% 8%)
Tinte · Ombre · Toni
Tinte
- EDB38A
- EFBC97
- F2C4A4
- F4CDB1
- F6D5BE
- F8DECB
- FAE6D8
- FCEEE5
- FDF7F2
Ombre
- CB946C
- AE7E5B
- 91684B
- 75543B
- 5A402C
- 412D1E
- 291B11
- 130B05
- 030101
Toni
- DFA77E
- D5A37F
- CA9E7F
- BF9A80
- B59680
- AA9280
- A08D81
- 958980
- 8B8480
Armonie di colore
Complementare +180°
- EAAB7D
Melting Sunset
- 7CC4F1
≈ Nevermind Nirvana
Analogo -30° +30°
- EAAB7D
Melting Sunset
- F2A399
≈ Wisley Pink
- D5B771
≈ Sweet Mustard
Triadico +120° +240°
- EAAB7D
Melting Sunset
- 71CFB9
≈ Downy
- C1AEF1
≈ Purple Sand
Complementare divisa +150° +210°
- EAAB7D
Melting Sunset
- 67CCDA
≈ Slick Blue
- 9FB9F9
≈ Truesky Gloxym
Tetradico +90° +180° +270°
- EAAB7D
Melting Sunset
- 91CC97
≈ Fennel
- 7CC4F1
≈ Nevermind Nirvana
- DCA5DB
≈ Plum Juice
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.61:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--melting-sunset: #eaab7d;
--melting-sunset-rgb: 234 171 125;
--melting-sunset-oklch: oklch(0.79 0.096 57);
}
.element {
color: var(--melting-sunset);
background-color: hsl(25 72% 70%);
border-color: oklch(0.79 0.096 57);
}Tailwind CSS v4
@theme {
--color-melting-sunset: #eaab7d;
--color-melting-sunset-50: #ffefdb;
--color-melting-sunset-100: #ffe1c9;
--color-melting-sunset-200: #f4cbac;
--color-melting-sunset-300: #ddac86;
--color-melting-sunset-400: #ca9065;
--color-melting-sunset-500: #b67542;
--color-melting-sunset-600: #9a6339;
--color-melting-sunset-700: #7b4f2d;
--color-melting-sunset-800: #5c3920;
--color-melting-sunset-900: #402715;
--color-melting-sunset-950: #291507;
}SCSS
$melting-sunset: #eaab7d;
$melting-sunset-rgb: 234, 171, 125;
$melting-sunset-light: mix(#fff, $melting-sunset, 20%);
$melting-sunset-dark: mix(#000, $melting-sunset, 20%);
.element {
color: $melting-sunset;
box-shadow: 0 0 0 2px rgba($melting-sunset, 0.35);
}