Nazwany kolor · #EDC38E
Harvester
Harvester to #EDC38E: rgb(237 195 142), hsl(33 73% 74%), oklch(0.842 0.084 72.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Harvester color name →
#EDC38E
oklch(0.842 0.084 72.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFC99A
- F1CFA5
- F3D5B0
- F5DBBC
- F7E1C7
- F8E7D2
- FAEDDD
- FCF3E9
- FDF9F4
Odcienie ciemniejsze
- CEA97B
- B09068
- 937856
- 776044
- 5C4A34
- 423424
- 2A2015
- 140E07
- 030201
Tony
- E2BC8D
- D6B58C
- CBAF8B
- C0A88A
- B5A189
- AB9B87
- A09485
- 958D84
- 8B8782
Harmonie kolorów
Komplementarna +180°
- EDC38E
Harvester
- A6CFFF
≈ Baby Blue
Analogowa -30° +30°
- EDC38E
Harvester
- FBBAA0
≈ Pallid Orange
- D5CE8E
≈ Lemon Fennel
Triada +120° +240°
- EDC38E
Harvester
- 87DDDA
≈ Cold Blue
- DEBCF3
≈ Beefy Pink
Komplementarna rozszczepiona +150° +210°
- EDC38E
Harvester
- 8CD8F3
≈ Blue Effervescence
- C3C5FF
≈ Light Periwinkle
Tetrada +90° +180° +270°
- EDC38E
Harvester
- 98DDBB
≈ Birthday King
- A6CFFF
≈ Baby Blue
- F3B6DA
≈ Soft Cashmere
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.79:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}