Nazwany kolor · #8D702A
Corn Harvest
Corn Harvest to #8D702A: rgb(141 112 42), hsl(42 54% 36%), oklch(0.56 0.094 86.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Corn Harvest color name →
#8D702A
oklch(0.56 0.094 86.1)
Konwersje koloru
- HEX
- #8d702a
- RGB
- rgb(141 112 42)
- HSL
- hsl(42 54% 36%)
- HWB
- hwb(42 16% 45%)
- OKLCH
- oklch(0.56 0.094 86.1)
- OKLab
- oklab(0.56 0.007 0.094)
- CIE Lab
- lab(49.11 6.1 41.86)
- LCH
- lch(49.11 42.31 81.7)
- CMYK
- cmyk(0% 21% 70% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 987E42
- A38C57
- AE996C
- B9A881
- C5B695
- D0C4AA
- DCD3BF
- E7E1D4
- F3F0E9
Odcienie ciemniejsze
- 7A6023
- 67511C
- 554316
- 443510
- 33270A
- 231A05
- 140E02
- 070401
- 010100
Tony
- 8C7236
- 8B7440
- 897549
- 887752
- 87795A
- 857A62
- 847C6A
- 837D71
- 817F79
Harmonie kolorów
Komplementarna +180°
- 8D702A
Corn Harvest
- 5A73AC
≈ Dormitory
Analogowa -30° +30°
- 8D702A
Corn Harvest
- 9E653A
≈ Earth
- 727B35
≈ Ripe Green
Triada +120° +240°
- 8D702A
Corn Harvest
- 078490
≈ True Teal
- 916092
≈ Hashita Purple
Komplementarna rozszczepiona +150° +210°
- 8D702A
Corn Harvest
- 347CA4
≈ Prominent Blue
- 7968A6
≈ Wintertime Mauve
Tetrada +90° +180° +270°
- 8D702A
Corn Harvest
- 228672
≈ Summer Turquoise
- 5A73AC
≈ Dormitory
- A05C76
≈ Rose Wine
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.68:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.48:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--corn-harvest: #8d702a;
--corn-harvest-rgb: 141 112 42;
--corn-harvest-oklch: oklch(0.56 0.094 86.1);
}
.element {
color: var(--corn-harvest);
background-color: hsl(42 54% 36%);
border-color: oklch(0.56 0.094 86.1);
}Tailwind CSS v4
@theme {
--color-corn-harvest: #8d702a;
--color-corn-harvest-50: #fff4d7;
--color-corn-harvest-100: #f5e7c5;
--color-corn-harvest-200: #e5d3a7;
--color-corn-harvest-300: #ccb57f;
--color-corn-harvest-400: #b79b5b;
--color-corn-harvest-500: #a28133;
--color-corn-harvest-600: #896d2c;
--color-corn-harvest-700: #6e5823;
--color-corn-harvest-800: #523f18;
--color-corn-harvest-900: #392c0f;
--color-corn-harvest-950: #231903;
}SCSS
$corn-harvest: #8d702a;
$corn-harvest-rgb: 141, 112, 42;
$corn-harvest-light: mix(#fff, $corn-harvest, 20%);
$corn-harvest-dark: mix(#000, $corn-harvest, 20%);
.element {
color: $corn-harvest;
box-shadow: 0 0 0 2px rgba($corn-harvest, 0.35);
}