Nearest named color · #9F7500
#9F7500
Nearest named color: Bronze
#9F7500 (rgb(159 117 0), hsl(44 100% 31%), oklch(0.589 0.121 83.4)) is closest to the named color Bronze. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9F7500
oklch(0.589 0.121 83.4)
Color conversions
- HEX
- #9f7500
- RGB
- rgb(159 117 0)
- HSL
- hsl(44 100% 31%)
- HWB
- hwb(44 0% 38%)
- OKLCH
- oklch(0.589 0.121 83.4)
- OKLab
- oklab(0.589 0.014 0.12)
- CIE Lab
- lab(52.36 10.72 58.03)
- LCH
- lch(52.36 59.01 79.5)
- CMYK
- cmyk(0% 26% 100% 38%)
Tints · Shades · Tones
Tints
- A98330
- B2904B
- BC9E63
- C5AB7A
- CFB990
- D8C7A6
- E2D5BC
- ECE3D2
- F5F1E8
Shades
- 8A6500
- 755500
- 614600
- 4D3700
- 3B2900
- 291C00
- 180F00
- 090500
- 010100
Tones
- 9C7721
- 997832
- 96793F
- 937B4A
- 907C54
- 8D7D5E
- 8A7E67
- 867F70
- 837F78
Color harmonies
Complementary +180°
- 9F7500
Bronze
- 577BC4
≈ Blue Iolite
Analogous -30° +30°
- 9F7500
Bronze
- B3662F
≈ Polished Copper
- 7D841D
≈ Trendy Green
Triadic +120° +240°
- 9F7500
Bronze
- 008E98
≈ Tempo Teal
- 9F62A6
≈ Royal Pretender
Split-complementary +150° +210°
- 9F7500
Bronze
- 0687B9
≈ Mermaid Dreams
- 816DBE
≈ Lavish Spending
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.18:1 · APCA Lc 69
Ag
AAOn black
WCAG 5.01:1 · APCA Lc 33
Best text color: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--bronze: #9f7500;
--bronze-rgb: 159 117 0;
--bronze-oklch: oklch(0.589 0.121 83.4);
}
.element {
color: var(--bronze);
background-color: hsl(44 100% 31%);
border-color: oklch(0.589 0.121 83.4);
}Tailwind CSS v4
@theme {
--color-bronze: #9f7500;
--color-bronze-50: #fff3cf;
--color-bronze-100: #fae6ba;
--color-bronze-200: #ecd199;
--color-bronze-300: #d3b36d;
--color-bronze-400: #c19841;
--color-bronze-500: #ac7d00;
--color-bronze-600: #916a00;
--color-bronze-700: #755500;
--color-bronze-800: #573d00;
--color-bronze-900: #3d2a01;
--color-bronze-950: #261700;
}SCSS
$bronze: #9f7500;
$bronze-rgb: 159, 117, 0;
$bronze-light: mix(#fff, $bronze, 20%);
$bronze-dark: mix(#000, $bronze, 20%);
.element {
color: $bronze;
box-shadow: 0 0 0 2px rgba($bronze, 0.35);
}