Nazwany kolor · #BD955E
Gold Torch
Gold Torch to #BD955E: rgb(189 149 94), hsl(35 42% 55%), oklch(0.695 0.087 74.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Torch color name →
#BD955E
oklch(0.695 0.087 74.4)
Konwersje koloru
- HEX
- #bd955e
- RGB
- rgb(189 149 94)
- HSL
- hsl(35 42% 55%)
- HWB
- hwb(35 37% 26%)
- OKLCH
- oklch(0.695 0.087 74.4)
- OKLab
- oklab(0.695 0.023 0.084)
- CIE Lab
- lab(64.6 10.49 34.91)
- LCH
- lch(64.6 36.46 73.3)
- CMYK
- cmyk(0% 21% 50% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C49F6E
- CAAA7F
- D1B48E
- D8BF9E
- DEC9AE
- E5D4BE
- EBDFCE
- F2E9DE
- F8F4EF
Odcienie ciemniejsze
- A48151
- 8C6D44
- 745A37
- 5D482B
- 47371F
- 332614
- 1F160A
- 0D0803
- 020100
Tony
- B79362
- B19167
- AB8F6A
- A58D6E
- 9E8B71
- 988975
- 928778
- 8C857B
- 86827D
Harmonie kolorów
Komplementarna +180°
- BD955E
Gold Torch
- 77A0D2
≈ Kindred
Analogowa -30° +30°
- BD955E
Gold Torch
- CB8C70
≈ Subdued Sienna
- A5A05F
≈ Mediaeval Sulphur
Triada +120° +240°
- BD955E
Gold Torch
- 53AEAD
≈ Blue Turquoise
- B18DC3
≈ Fleur-De-Lis
Komplementarna rozszczepiona +150° +210°
- BD955E
Gold Torch
- 5CA9C5
≈ Estero Sky
- 9696D1
≈ Bluebell Frost
Tetrada +90° +180° +270°
- BD955E
Gold Torch
- 66AE8F
≈ Dublin Jack
- 77A0D2
≈ Kindred
- C487AA
≈ Lavender Quartz
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.75:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.62:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-torch: #bd955e;
--gold-torch-rgb: 189 149 94;
--gold-torch-oklch: oklch(0.695 0.087 74.4);
}
.element {
color: var(--gold-torch);
background-color: hsl(35 42% 55%);
border-color: oklch(0.695 0.087 74.4);
}Tailwind CSS v4
@theme {
--color-gold-torch: #bd955e;
--color-gold-torch-50: #fff2da;
--color-gold-torch-100: #f9e5c8;
--color-gold-torch-200: #ead0ab;
--color-gold-torch-300: #d1b285;
--color-gold-torch-400: #bd9763;
--color-gold-torch-500: #a87d3f;
--color-gold-torch-600: #8e6a37;
--color-gold-torch-700: #72552b;
--color-gold-torch-800: #553d1e;
--color-gold-torch-900: #3b2a14;
--color-gold-torch-950: #251806;
}SCSS
$gold-torch: #bd955e;
$gold-torch-rgb: 189, 149, 94;
$gold-torch-light: mix(#fff, $gold-torch, 20%);
$gold-torch-dark: mix(#000, $gold-torch, 20%);
.element {
color: $gold-torch;
box-shadow: 0 0 0 2px rgba($gold-torch, 0.35);
}