Nazwany kolor · #B09D73
Golden Sage
Golden Sage to #B09D73: rgb(176 157 115), hsl(41 28% 57%), oklch(0.702 0.062 86.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Sage color name →
#B09D73
oklch(0.702 0.062 86.4)
Konwersje koloru
- HEX
- #b09d73
- RGB
- rgb(176 157 115)
- HSL
- hsl(41 28% 57%)
- HWB
- hwb(41 45% 31%)
- OKLCH
- oklch(0.702 0.062 86.4)
- OKLab
- oklab(0.702 0.004 0.061)
- CIE Lab
- lab(65.65 2.58 24.72)
- LCH
- lch(65.65 24.85 84)
- CMYK
- cmyk(0% 11% 35% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8A781
- BFB08E
- C7BA9C
- CFC3AA
- D7CDB8
- DFD7C6
- E7E1D4
- EFEBE2
- F7F5F1
Odcienie ciemniejsze
- 998863
- 827354
- 6C5F45
- 564C36
- 423A28
- 2E281B
- 1C180F
- 0B0905
- 010101
Tony
- AB9A75
- A69776
- A19478
- 9D9179
- 988F7B
- 938C7C
- 8E897D
- 89867E
- 85837F
Harmonie kolorów
Komplementarna +180°
- B09D73
Golden Sage
- 8D9FC6
≈ Blue Heron
Analogowa -30° +30°
- B09D73
Golden Sage
- BD967A
≈ Warm Hearth
- 9CA479
≈ Cucuzza Verde
Triada +120° +240°
- B09D73
Golden Sage
- 70AAB2
≈ Smoky Mountain Spring
- B492B4
≈ Metal Petal
Komplementarna rozszczepiona +150° +210°
- B09D73
Golden Sage
- 7AA6C1
≈ Serene Sea
- A298C2
≈ Bloomsberry
Tetrada +90° +180° +270°
- B09D73
Golden Sage
- 75AC9E
≈ Acapulco
- 8D9FC6
≈ Blue Heron
- BF90A0
≈ Light Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.91:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-sage: #b09d73;
--golden-sage-rgb: 176 157 115;
--golden-sage-oklch: oklch(0.702 0.062 86.4);
}
.element {
color: var(--golden-sage);
background-color: hsl(41 28% 57%);
border-color: oklch(0.702 0.062 86.4);
}Tailwind CSS v4
@theme {
--color-golden-sage: #b09d73;
--color-golden-sage-50: #fcf5e2;
--color-golden-sage-100: #f0e7d1;
--color-golden-sage-200: #dfd3b7;
--color-golden-sage-300: #c4b694;
--color-golden-sage-400: #ae9c75;
--color-golden-sage-500: #988456;
--color-golden-sage-600: #816f49;
--color-golden-sage-700: #67593a;
--color-golden-sage-800: #4c4129;
--color-golden-sage-900: #352d1c;
--color-golden-sage-950: #201a0c;
}SCSS
$golden-sage: #b09d73;
$golden-sage-rgb: 176, 157, 115;
$golden-sage-light: mix(#fff, $golden-sage, 20%);
$golden-sage-dark: mix(#000, $golden-sage, 20%);
.element {
color: $golden-sage;
box-shadow: 0 0 0 2px rgba($golden-sage, 0.35);
}