Colore con nome · #BC9042
Fervent Brass
Fervent Brass è #BC9042: rgb(188 144 66), hsl(38 48% 50%), oklch(0.68 0.109 79.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fervent Brass color name →
#BC9042
oklch(0.68 0.109 79.4)
Conversioni di colore
- HEX
- #bc9042
- RGB
- rgb(188 144 66)
- HSL
- hsl(38 48% 50%)
- HWB
- hwb(38 26% 26%)
- OKLCH
- oklch(0.68 0.109 79.4)
- OKLab
- oklab(0.68 0.02 0.107)
- CIE Lab
- lab(62.94 11.07 46.99)
- LCH
- lch(62.94 48.27 76.7)
- CMYK
- cmyk(0% 23% 65% 26%)
Tinte · Ombre · Toni
Tinte
- C39B57
- CAA66B
- D0B17E
- D7BC91
- DEC7A3
- E5D2B5
- EBDDC8
- F2E9DA
- F8F4EC
Ombre
- A37D38
- 8B6A2F
- 735725
- 5D451C
- 473414
- 32240B
- 1F1505
- 0D0701
- 020100
Toni
- B68F4B
- B08D53
- AA8C5A
- A48A60
- 9E8967
- 98876C
- 928571
- 8C8477
- 86827B
Armonie di colore
Complementare +180°
- BC9042
Fervent Brass
- 6F99DB
≈ Sea Loch
Analogo -30° +30°
- BC9042
Fervent Brass
- CE8359
≈ Shamanic Journey
- 9D9E48
≈ Lazy Lizard
Triadico +120° +240°
- BC9042
Fervent Brass
- 23ACB2
≈ Greenland Green
- B682C3
≈ Lavender Sweater
Complementare divisa +150° +210°
- BC9042
Fervent Brass
- 42A5CE
≈ Sea Ridge
- 978DD7
≈ Adora
Tetradico +90° +180° +270°
- BC9042
Fervent Brass
- 45AE8D
≈ Walk in the Woods
- 6F99DB
≈ Sea Loch
- CA7BA2
≈ Heartbreaker
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.20:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--fervent-brass: #bc9042;
--fervent-brass-rgb: 188 144 66;
--fervent-brass-oklch: oklch(0.68 0.109 79.4);
}
.element {
color: var(--fervent-brass);
background-color: hsl(38 48% 50%);
border-color: oklch(0.68 0.109 79.4);
}Tailwind CSS v4
@theme {
--color-fervent-brass: #bc9042;
--color-fervent-brass-50: #fff3d3;
--color-fervent-brass-100: #fbe5bf;
--color-fervent-brass-200: #ecd09f;
--color-fervent-brass-300: #d4b276;
--color-fervent-brass-400: #c1974e;
--color-fervent-brass-500: #ac7c1c;
--color-fervent-brass-600: #916a1b;
--color-fervent-brass-700: #755416;
--color-fervent-brass-800: #573d0e;
--color-fervent-brass-900: #3d2a08;
--color-fervent-brass-950: #261700;
}SCSS
$fervent-brass: #bc9042;
$fervent-brass-rgb: 188, 144, 66;
$fervent-brass-light: mix(#fff, $fervent-brass, 20%);
$fervent-brass-dark: mix(#000, $fervent-brass, 20%);
.element {
color: $fervent-brass;
box-shadow: 0 0 0 2px rgba($fervent-brass, 0.35);
}