Nazwany kolor · #BB9A39
Gold Taffeta
Gold Taffeta to #BB9A39: rgb(187 154 57), hsl(45 53% 48%), oklch(0.698 0.12 89.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gold Taffeta color name →
#BB9A39
oklch(0.698 0.12 89.8)
Konwersje koloru
- HEX
- #bb9a39
- RGB
- rgb(187 154 57)
- HSL
- hsl(45 53% 48%)
- HWB
- hwb(45 22% 27%)
- OKLCH
- oklch(0.698 0.12 89.8)
- OKLab
- oklab(0.698 0 0.12)
- CIE Lab
- lab(65.33 5.06 53.41)
- LCH
- lch(65.33 53.65 84.6)
- CMYK
- cmyk(0% 18% 70% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2A451
- C8AE67
- CFB87B
- D6C28E
- DDCCA1
- E4D7B4
- EAE1C7
- F1EBD9
- F8F5EC
Odcienie ciemniejsze
- A28530
- 8A7128
- 735E1F
- 5C4B17
- 463910
- 322709
- 1F1704
- 0D0901
- 020100
Tony
- B59844
- AF954E
- A99356
- A3905E
- 9D8E65
- 978B6B
- 918871
- 8C8676
- 86837B
Harmonie kolorów
Komplementarna +180°
- BB9A39
Gold Taffeta
- 819AE9
≈ Portage
Analogowa -30° +30°
- BB9A39
Gold Taffeta
- D48B4B
≈ Acorn Nut
- 95A94D
≈ Ogryn Camo
Triada +120° +240°
- BB9A39
Gold Taffeta
- 08B2C7
≈ Antigua Blue
- C882C1
≈ Lavender Sweater
Komplementarna rozszczepiona +150° +210°
- BB9A39
Gold Taffeta
- 4EA7E1
≈ High Blue
- A98CDD
≈ Middy’s Purple
Tetrada +90° +180° +270°
- BB9A39
Gold Taffeta
- 24B6A1
≈ Aare River
- 819AE9
≈ Portage
- DA7D9B
≈ Impatient Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.79:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-taffeta: #bb9a39;
--gold-taffeta-rgb: 187 154 57;
--gold-taffeta-oklch: oklch(0.698 0.12 89.8);
}
.element {
color: var(--gold-taffeta);
background-color: hsl(45 53% 48%);
border-color: oklch(0.698 0.12 89.8);
}Tailwind CSS v4
@theme {
--color-gold-taffeta: #bb9a39;
--color-gold-taffeta-50: #fff5cf;
--color-gold-taffeta-100: #f6e7bb;
--color-gold-taffeta-200: #e7d399;
--color-gold-taffeta-300: #cdb66e;
--color-gold-taffeta-400: #ba9b41;
--color-gold-taffeta-500: #a58100;
--color-gold-taffeta-600: #8b6d00;
--color-gold-taffeta-700: #705700;
--color-gold-taffeta-800: #543f00;
--color-gold-taffeta-900: #3a2c01;
--color-gold-taffeta-950: #241900;
}SCSS
$gold-taffeta: #bb9a39;
$gold-taffeta-rgb: 187, 154, 57;
$gold-taffeta-light: mix(#fff, $gold-taffeta, 20%);
$gold-taffeta-dark: mix(#000, $gold-taffeta, 20%);
.element {
color: $gold-taffeta;
box-shadow: 0 0 0 2px rgba($gold-taffeta, 0.35);
}