Colore con nome · #EACB9D
Harvest
Harvest è #EACB9D: rgb(234 203 157), hsl(36 65% 77%), oklch(0.857 0.07 77.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Harvest color name →
#EACB9D
oklch(0.857 0.07 77.4)
Conversioni di colore
- HEX
- #eacb9d
- RGB
- rgb(234 203 157)
- HSL
- hsl(36 65% 77%)
- HWB
- hwb(36 62% 8%)
- OKLCH
- oklch(0.857 0.07 77.4)
- OKLab
- oklab(0.857 0.015 0.068)
- CIE Lab
- lab(83.53 6.47 27.25)
- LCH
- lch(83.53 28.01 76.6)
- CMYK
- cmyk(0% 13% 33% 8%)
Tinte · Ombre · Toni
Tinte
- ECD0A7
- EED5B1
- F1DBBB
- F3E0C4
- F5E5CE
- F7EAD8
- F9EFE2
- FBF5EB
- FDFAF5
Ombre
- CBB088
- AE9673
- 917D5F
- 75654C
- 5A4D3A
- 413728
- 292218
- 130F09
- 030201
Toni
- DFC39A
- D4BC98
- C9B495
- BEAC92
- B4A58F
- A99D8C
- 9F9689
- 948F86
- 8A8783
Armonie di colore
Complementare +180°
- EACB9D
Harvest
- B4D2FE
≈ Ice Cold Stare
Analogo -30° +30°
- EACB9D
Harvest
- F7C3A9
≈ Pink Beach
- D4D49F
≈ Misty Bead
Triadico +120° +240°
- EACB9D
Harvest
- 99DFE0
≈ Pale Pastel
- E3C2EF
≈ Beefy Pink
Complementare divisa +150° +210°
- EACB9D
Harvest
- A0DAF4
≈ Sora Blue
- CDCAFC
≈ Lavender Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.52:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.52:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--harvest: #eacb9d;
--harvest-rgb: 234 203 157;
--harvest-oklch: oklch(0.857 0.07 77.4);
}
.element {
color: var(--harvest);
background-color: hsl(36 65% 77%);
border-color: oklch(0.857 0.07 77.4);
}Tailwind CSS v4
@theme {
--color-harvest: #eacb9d;
--color-harvest-50: #fff3df;
--color-harvest-100: #f5e6ce;
--color-harvest-200: #e4d1b3;
--color-harvest-300: #cbb490;
--color-harvest-400: #b69a70;
--color-harvest-500: #a08050;
--color-harvest-600: #876d44;
--color-harvest-700: #6c5736;
--color-harvest-800: #503f26;
--color-harvest-900: #382b19;
--color-harvest-950: #23190a;
}SCSS
$harvest: #eacb9d;
$harvest-rgb: 234, 203, 157;
$harvest-light: mix(#fff, $harvest, 20%);
$harvest-dark: mix(#000, $harvest, 20%);
.element {
color: $harvest;
box-shadow: 0 0 0 2px rgba($harvest, 0.35);
}