Nazwany kolor · #9E8022
Hacienda
Hacienda to #9E8022: rgb(158 128 34), hsl(45 65% 38%), oklch(0.612 0.113 90.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Hacienda color name →
#9E8022
oklch(0.612 0.113 90.1)
Konwersje koloru
- HEX
- #9e8022
- RGB
- rgb(158 128 34)
- HSL
- hsl(45 65% 38%)
- HWB
- hwb(45 13% 38%)
- OKLCH
- oklch(0.612 0.113 90.1)
- OKLab
- oklab(0.612 0 0.113)
- CIE Lab
- lab(55.26 4.96 51.71)
- LCH
- lch(55.26 51.95 84.5)
- CMYK
- cmyk(0% 19% 78% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A78C3F
- B19957
- BAA56C
- C4B282
- CEBF96
- D7CBAB
- E1D8C0
- EBE5D5
- F5F2EA
Odcienie ciemniejsze
- 896E1C
- 745D16
- 604D11
- 4D3D0B
- 3A2E07
- 291F03
- 181201
- 090600
- 010100
Tony
- 9B8032
- 98813E
- 958149
- 928152
- 8F815B
- 8C8163
- 89816A
- 868172
- 838079
Harmonie kolorów
Komplementarna +180°
- 9E8022
Hacienda
- 697FC8
≈ Persian Jewel
Analogowa -30° +30°
- 9E8022
Hacienda
- B57235
≈ Copper
- 7B8D38
≈ Sassy Grass
Triada +120° +240°
- 9E8022
Hacienda
- 0094A7
≈ Brilliant
- AA69A4
≈ Iris Orchid
Komplementarna rozszczepiona +150° +210°
- 9E8022
Hacienda
- 388CC1
≈ Quiet Night
- 8E73BD
≈ Middle Blue Purple
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.77:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.56:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--hacienda: #9e8022;
--hacienda-rgb: 158 128 34;
--hacienda-oklch: oklch(0.612 0.113 90.1);
}
.element {
color: var(--hacienda);
background-color: hsl(45 65% 38%);
border-color: oklch(0.612 0.113 90.1);
}Tailwind CSS v4
@theme {
--color-hacienda: #9e8022;
--color-hacienda-50: #fff5d1;
--color-hacienda-100: #f5e8be;
--color-hacienda-200: #e5d39d;
--color-hacienda-300: #ccb672;
--color-hacienda-400: #b89b49;
--color-hacienda-500: #a3820a;
--color-hacienda-600: #8a6e10;
--color-hacienda-700: #6e580e;
--color-hacienda-800: #534007;
--color-hacienda-900: #3a2c05;
--color-hacienda-950: #241900;
}SCSS
$hacienda: #9e8022;
$hacienda-rgb: 158, 128, 34;
$hacienda-light: mix(#fff, $hacienda, 20%);
$hacienda-dark: mix(#000, $hacienda, 20%);
.element {
color: $hacienda;
box-shadow: 0 0 0 2px rgba($hacienda, 0.35);
}