Nazwany kolor · #B19971
Gold Season
Gold Season to #B19971: rgb(177 153 113), hsl(38 29% 57%), oklch(0.694 0.062 80.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Season color name →
#B19971
oklch(0.694 0.062 80.1)
Konwersje koloru
- HEX
- #b19971
- RGB
- rgb(177 153 113)
- HSL
- hsl(38 29% 57%)
- HWB
- hwb(38 44% 31%)
- OKLCH
- oklch(0.694 0.062 80.1)
- OKLab
- oklab(0.694 0.011 0.061)
- CIE Lab
- lab(64.66 4.88 24.53)
- LCH
- lch(64.66 25.01 78.7)
- CMYK
- cmyk(0% 14% 36% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9A37F
- C0AD8D
- C8B79B
- D0C1A9
- D8CBB7
- DFD5C5
- E7E0D3
- EFEAE2
- F7F4F0
Odcienie ciemniejsze
- 998461
- 837052
- 6C5D43
- 574A35
- 423827
- 2F271A
- 1C170E
- 0C0804
- 010101
Tony
- AC9773
- A79475
- A29276
- 9D8F78
- 988D7A
- 938A7B
- 8F887C
- 8A857E
- 85837F
Harmonie kolorów
Komplementarna +180°
- B19971
Gold Season
- 879EC4
≈ Lavender Lustre
Analogowa -30° +30°
- B19971
Gold Season
- BD927B
≈ Turkish Bath
- 9EA174
≈ Dill Powder
Triada +120° +240°
- B19971
Gold Season
- 6DA9AC
≈ Timid Sea
- AE91B5
≈ Superstitious
Komplementarna rozszczepiona +150° +210°
- B19971
Gold Season
- 75A4BC
≈ Blue Ridge Mist
- 9C97C1
≈ Majestic Violet
Tetrada +90° +180° +270°
- B19971
Gold Season
- 76AA97
≈ Acapulco
- 879EC4
≈ Lavender Lustre
- BB8DA2
≈ Elite Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.73:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.66:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-season: #b19971;
--gold-season-rgb: 177 153 113;
--gold-season-oklch: oklch(0.694 0.062 80.1);
}
.element {
color: var(--gold-season);
background-color: hsl(38 29% 57%);
border-color: oklch(0.694 0.062 80.1);
}Tailwind CSS v4
@theme {
--color-gold-season: #b19971;
--color-gold-season-50: #fef4e2;
--color-gold-season-100: #f2e6d1;
--color-gold-season-200: #e2d2b7;
--color-gold-season-300: #c7b594;
--color-gold-season-400: #b29b75;
--color-gold-season-500: #9c8256;
--color-gold-season-600: #846e4a;
--color-gold-season-700: #69583a;
--color-gold-season-800: #4e402a;
--color-gold-season-900: #362c1c;
--color-gold-season-950: #21190c;
}SCSS
$gold-season: #b19971;
$gold-season-rgb: 177, 153, 113;
$gold-season-light: mix(#fff, $gold-season, 20%);
$gold-season-dark: mix(#000, $gold-season, 20%);
.element {
color: $gold-season;
box-shadow: 0 0 0 2px rgba($gold-season, 0.35);
}