Colore con nome · #B9BE82
Early Harvest
Early Harvest è #B9BE82: rgb(185 190 130), hsl(65 32% 63%), oklch(0.783 0.08 112.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Early Harvest color name →
#B9BE82
oklch(0.783 0.08 112.1)
Conversioni di colore
- HEX
- #b9be82
- RGB
- rgb(185 190 130)
- HSL
- hsl(65 32% 63%)
- HWB
- hwb(65 51% 25%)
- OKLCH
- oklch(0.783 0.08 112.1)
- OKLab
- oklab(0.783 -0.03 0.074)
- CIE Lab
- lab(75.49 -8.89 29.77)
- LCH
- lch(75.49 31.07 106.6)
- CMYK
- cmyk(3% 0% 32% 25%)
Tinte · Ombre · Toni
Tinte
- C0C48F
- C7CB9B
- CDD1A8
- D4D8B4
- DBDEC0
- E2E5CD
- E9EBD9
- F1F2E6
- F8F8F2
Ombre
- A0A570
- 898C5F
- 71754E
- 5B5E3E
- 46482F
- 313320
- 1E1F12
- 0D0D06
- 020201
Toni
- B3B882
- ADB183
- A7AB83
- A2A583
- 9C9F82
- 969982
- 919282
- 8B8C81
- 858681
Armonie di colore
Complementare +180°
- B9BE82
Early Harvest
- B9AFE8
≈ Purple Sand
Analogo -30° +30°
- B9BE82
Early Harvest
- D2B47D
≈ Barley
- 9BC696
≈ Gingko
Triadico +120° +240°
- B9BE82
Early Harvest
- 83C2E3
≈ Horizon Haze
- E1A4BE
≈ Pink Gin
Complementare divisa +150° +210°
- B9BE82
Early Harvest
- 9DB9EC
≈ Honest
- D1A8D7
≈ Favourite Lavender
Tetradico +90° +180° +270°
- B9BE82
Early Harvest
- 77C8CE
≈ Valonia
- B9AFE8
≈ Purple Sand
- E7A4A1
≈ Spring Linen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.75:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--early-harvest: #b9be82;
--early-harvest-rgb: 185 190 130;
--early-harvest-oklch: oklch(0.783 0.08 112.1);
}
.element {
color: var(--early-harvest);
background-color: hsl(65 32% 63%);
border-color: oklch(0.783 0.08 112.1);
}Tailwind CSS v4
@theme {
--color-early-harvest: #b9be82;
--color-early-harvest-50: #f4f8de;
--color-early-harvest-100: #e7ebcd;
--color-early-harvest-200: #d3d9b2;
--color-early-harvest-300: #b6bd8e;
--color-early-harvest-400: #9fa46c;
--color-early-harvest-500: #878c4b;
--color-early-harvest-600: #727640;
--color-early-harvest-700: #5b5f33;
--color-early-harvest-800: #444523;
--color-early-harvest-900: #2f3017;
--color-early-harvest-950: #1b1c08;
}SCSS
$early-harvest: #b9be82;
$early-harvest-rgb: 185, 190, 130;
$early-harvest-light: mix(#fff, $early-harvest, 20%);
$early-harvest-dark: mix(#000, $early-harvest, 20%);
.element {
color: $early-harvest;
box-shadow: 0 0 0 2px rgba($early-harvest, 0.35);
}