Nazwany kolor · #EACB9D
Harvest
Harvest to #EACB9D: rgb(234 203 157), hsl(36 65% 77%), oklch(0.857 0.07 77.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Harvest color name →
#EACB9D
oklch(0.857 0.07 77.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECD0A7
- EED5B1
- F1DBBB
- F3E0C4
- F5E5CE
- F7EAD8
- F9EFE2
- FBF5EB
- FDFAF5
Odcienie ciemniejsze
- CBB088
- AE9673
- 917D5F
- 75654C
- 5A4D3A
- 413728
- 292218
- 130F09
- 030201
Tony
- DFC39A
- D4BC98
- C9B495
- BEAC92
- B4A58F
- A99D8C
- 9F9689
- 948F86
- 8A8783
Harmonie kolorów
Komplementarna +180°
- EACB9D
Harvest
- B4D2FE
≈ Ice Cold Stare
Analogowa -30° +30°
- EACB9D
Harvest
- F7C3A9
≈ Pink Beach
- D4D49F
≈ Misty Bead
Triada +120° +240°
- EACB9D
Harvest
- 99DFE0
≈ Pale Pastel
- E3C2EF
≈ Beefy Pink
Komplementarna rozszczepiona +150° +210°
- EACB9D
Harvest
- A0DAF4
≈ Sora Blue
- CDCAFC
≈ Lavender Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.52:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.52:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}