Named color · #EDC38E
Harvester
Harvester is #EDC38E: rgb(237 195 142), hsl(33 73% 74%), oklch(0.842 0.084 72.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Harvester color name →
#EDC38E
oklch(0.842 0.084 72.8)
Color conversions
- HEX
- #edc38e
- RGB
- rgb(237 195 142)
- HSL
- hsl(33 73% 74%)
- HWB
- hwb(33 56% 7%)
- OKLCH
- oklch(0.842 0.084 72.8)
- OKLab
- oklab(0.842 0.025 0.08)
- CIE Lab
- lab(81.62 10.34 32.58)
- LCH
- lch(81.62 34.18 72.4)
- CMYK
- cmyk(0% 18% 40% 7%)
Tints · Shades · Tones
Tints
- EFC99A
- F1CFA5
- F3D5B0
- F5DBBC
- F7E1C7
- F8E7D2
- FAEDDD
- FCF3E9
- FDF9F4
Shades
- CEA97B
- B09068
- 937856
- 776044
- 5C4A34
- 423424
- 2A2015
- 140E07
- 030201
Tones
- E2BC8D
- D6B58C
- CBAF8B
- C0A88A
- B5A189
- AB9B87
- A09485
- 958D84
- 8B8782
Color harmonies
Complementary +180°
- EDC38E
Harvester
- A6CFFF
≈ Baby Blue
Analogous -30° +30°
- EDC38E
Harvester
- FBBAA0
≈ Pallid Orange
- D5CE8E
≈ Lemon Fennel
Triadic +120° +240°
- EDC38E
Harvester
- 87DDDA
≈ Cold Blue
- DEBCF3
≈ Beefy Pink
Split-complementary +150° +210°
- EDC38E
Harvester
- 8CD8F3
≈ Blue Effervescence
- C3C5FF
≈ Light Periwinkle
Tetradic +90° +180° +270°
- EDC38E
Harvester
- 98DDBB
≈ Birthday King
- A6CFFF
≈ Baby Blue
- F3B6DA
≈ Soft Cashmere
Contrast & accessibility
Ag
FailOn white
WCAG 1.64:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.79:1 · APCA Lc 74
Best text color: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--harvester: #edc38e;
--harvester-rgb: 237 195 142;
--harvester-oklch: oklch(0.842 0.084 72.8);
}
.element {
color: var(--harvester);
background-color: hsl(33 73% 74%);
border-color: oklch(0.842 0.084 72.8);
}Tailwind CSS v4
@theme {
--color-harvester: #edc38e;
--color-harvester-50: #fff2db;
--color-harvester-100: #f9e5ca;
--color-harvester-200: #ead0ad;
--color-harvester-300: #d1b288;
--color-harvester-400: #bd9766;
--color-harvester-500: #a87d43;
--color-harvester-600: #8e6a3a;
--color-harvester-700: #72552e;
--color-harvester-800: #553d20;
--color-harvester-900: #3b2a15;
--color-harvester-950: #251807;
}SCSS
$harvester: #edc38e;
$harvester-rgb: 237, 195, 142;
$harvester-light: mix(#fff, $harvester, 20%);
$harvester-dark: mix(#000, $harvester, 20%);
.element {
color: $harvester;
box-shadow: 0 0 0 2px rgba($harvester, 0.35);
}