Nazwany kolor · #9F8046
Golden Harmony
Golden Harmony to #9F8046: rgb(159 128 70), hsl(39 39% 45%), oklch(0.617 0.085 81.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Golden Harmony color name →
#9F8046
oklch(0.617 0.085 81.7)
Konwersje koloru
- HEX
- #9f8046
- RGB
- rgb(159 128 70)
- HSL
- hsl(39 39% 45%)
- HWB
- hwb(39 27% 38%)
- OKLCH
- oklch(0.617 0.085 81.7)
- OKLab
- oklab(0.617 0.012 0.084)
- CIE Lab
- lab(55.64 7.04 35.85)
- LCH
- lch(55.64 36.53 78.9)
- CMYK
- cmyk(0% 19% 56% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A88C59
- B2996B
- BBA57E
- C5B290
- CEBEA2
- D8CBB4
- E2D8C7
- EBE5D9
- F5F2EC
Odcienie ciemniejsze
- 8A6E3C
- 755D32
- 614D28
- 4D3D1E
- 3B2E15
- 291F0D
- 181205
- 090602
- 010100
Tony
- 9C804D
- 998054
- 96805A
- 938160
- 908166
- 8D816B
- 898071
- 868076
- 83807B
Harmonie kolorów
Komplementarna +180°
- 9F8046
Golden Harmony
- 6985B9
≈ Kimono
Analogowa -30° +30°
- 9F8046
Golden Harmony
- AE7654
≈ New England Roast
- 868A4C
≈ Special Ops
Triada +120° +240°
- 9F8046
Golden Harmony
- 39949B
≈ Aqua Lake
- 9D74A4
≈ Karma Chameleon
Komplementarna rozszczepiona +150° +210°
- 9F8046
Golden Harmony
- 4A8EB0
≈ Atlantic Gull
- 867CB5
≈ Murex
Tetrada +90° +180° +270°
- 9F8046
Golden Harmony
- 48967F
≈ Crisp Lettuce
- 6985B9
≈ Kimono
- AD708B
≈ Mauve Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.71:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.65:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-harmony: #9f8046;
--golden-harmony-rgb: 159 128 70;
--golden-harmony-oklch: oklch(0.617 0.085 81.7);
}
.element {
color: var(--golden-harmony);
background-color: hsl(39 39% 45%);
border-color: oklch(0.617 0.085 81.7);
}Tailwind CSS v4
@theme {
--color-golden-harmony: #9f8046;
--color-golden-harmony-50: #fff4da;
--color-golden-harmony-100: #f6e6c8;
--color-golden-harmony-200: #e6d2ab;
--color-golden-harmony-300: #ccb485;
--color-golden-harmony-400: #b89a63;
--color-golden-harmony-500: #a3803f;
--color-golden-harmony-600: #896d36;
--color-golden-harmony-700: #6e572b;
--color-golden-harmony-800: #523f1e;
--color-golden-harmony-900: #392b13;
--color-golden-harmony-950: #231805;
}SCSS
$golden-harmony: #9f8046;
$golden-harmony-rgb: 159, 128, 70;
$golden-harmony-light: mix(#fff, $golden-harmony, 20%);
$golden-harmony-dark: mix(#000, $golden-harmony, 20%);
.element {
color: $golden-harmony;
box-shadow: 0 0 0 2px rgba($golden-harmony, 0.35);
}