Named color · #7F7353
Becker Gold
Becker Gold is #7F7353: rgb(127 115 83), hsl(44 21% 41%), oklch(0.558 0.049 89.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Becker Gold color name →
#7F7353
oklch(0.558 0.049 89.9)
Color conversions
- HEX
- #7f7353
- RGB
- rgb(127 115 83)
- HSL
- hsl(44 21% 41%)
- HWB
- hwb(44 33% 50%)
- OKLCH
- oklch(0.558 0.049 89.9)
- OKLab
- oklab(0.558 0 0.049)
- CIE Lab
- lab(48.93 1.02 19.55)
- LCH
- lch(48.93 19.57 87)
- CMYK
- cmyk(0% 9% 35% 50%)
Tints · Shades · Tones
Tints
- 8B8063
- 978D73
- A49B84
- B0A995
- BDB7A6
- CAC5B7
- D7D3C9
- E4E2DB
- F2F0ED
Shades
- 6E6347
- 5D543B
- 4C4530
- 3C3625
- 2D281B
- 1F1B11
- 110F08
- 060502
- 010100
Tones
- 7F7458
- 7F765C
- 7F7761
- 7F7866
- 807A6A
- 807B6E
- 807C73
- 807E77
- 807F7C
Color harmonies
Complementary +180°
- 7F7353
Becker Gold
- 697391
≈ Niche
Analogous -30° +30°
- 7F7353
Becker Gold
- 8A6E57
≈ Caravel Brown
- 707858
≈ Dill
Triadic +120° +240°
- 7F7353
Becker Gold
- 517C84
≈ Holbein Blue Grey
- 856A82
≈ Imaginary Mauve
Split-complementary +150° +210°
- 7F7353
Becker Gold
- 5A788E
≈ Titanium Blue
- 786E8D
≈ Purple Silhouette
Tetradic +90° +180° +270°
- 7F7353
Becker Gold
- 547E75
≈ Dull Turquoise
- 697391
≈ Niche
- 8D6873
≈ Plum Dandy
Contrast & accessibility
Ag
AAOn white
WCAG 4.68:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.47:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--becker-gold: #7f7353;
--becker-gold-rgb: 127 115 83;
--becker-gold-oklch: oklch(0.558 0.049 89.9);
}
.element {
color: var(--becker-gold);
background-color: hsl(44 21% 41%);
border-color: oklch(0.558 0.049 89.9);
}Tailwind CSS v4
@theme {
--color-becker-gold: #7f7353;
--color-becker-gold-50: #faf5e6;
--color-becker-gold-100: #eee8d6;
--color-becker-gold-200: #dcd4bd;
--color-becker-gold-300: #c0b79c;
--color-becker-gold-400: #aa9e7e;
--color-becker-gold-500: #938561;
--color-becker-gold-600: #7c7153;
--color-becker-gold-700: #635a42;
--color-becker-gold-800: #49422f;
--color-becker-gold-900: #332d20;
--color-becker-gold-950: #1f1a0f;
}SCSS
$becker-gold: #7f7353;
$becker-gold-rgb: 127, 115, 83;
$becker-gold-light: mix(#fff, $becker-gold, 20%);
$becker-gold-dark: mix(#000, $becker-gold, 20%);
.element {
color: $becker-gold;
box-shadow: 0 0 0 2px rgba($becker-gold, 0.35);
}