Nearest named color · #7B6442
#7B6442
Nearest named color: Autumn Gold
#7B6442 (rgb(123 100 66), hsl(36 30% 37%), oklch(0.517 0.057 76.7)) is closest to the named color Autumn Gold. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7B6442
oklch(0.517 0.057 76.7)
Color conversions
- HEX
- #7b6442
- RGB
- rgb(123 100 66)
- HSL
- hsl(36 30% 37%)
- HWB
- hwb(36 26% 52%)
- OKLCH
- oklch(0.517 0.057 76.7)
- OKLab
- oklab(0.517 0.013 0.056)
- CIE Lab
- lab(44.05 5.97 22.92)
- LCH
- lch(44.05 23.68 75.4)
- CMYK
- cmyk(0% 19% 46% 52%)
Tints · Shades · Tones
Tints
- 887254
- 948166
- A19078
- AE9F8A
- BBAF9D
- C9BEB0
- D6CEC3
- E3DED7
- F1EFEB
Shades
- 6A5638
- 5A482F
- 4A3B25
- 3A2E1C
- 2C2214
- 1E160B
- 100B05
- 050301
- 010000
Tones
- 7C6749
- 7C6A4F
- 7D6D55
- 7D6F5B
- 7E7262
- 7E7568
- 7F786E
- 7F7B74
- 807D7A
Color harmonies
Complementary +180°
- 7B6442
Autumn Gold
- 536A89
≈ Aurora Borealis
Analogous -30° +30°
- 7B6442
Autumn Gold
- 845E4C
≈ Rawhide
- 6C6B43
≈ Portsmouth Olive
Triadic +120° +240°
- 7B6442
Autumn Gold
- 3D7373
≈ Surf Green
- 765E7E
≈ Gala Ball
Split-complementary +150° +210°
- 7B6442
Autumn Gold
- 436F82
≈ Am I Blue?
- 656388
≈ Twilight Purple
Tetradic +90° +180° +270°
- 7B6442
Autumn Gold
- 477361
≈ Christmas Ivy
- 536A89
≈ Aurora Borealis
- 815B6F
≈ Euphoric Magenta
Contrast & accessibility
Ag
AAOn white
WCAG 5.60:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.74:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--autumn-gold: #7b6442;
--autumn-gold-rgb: 123 100 66;
--autumn-gold-oklch: oklch(0.517 0.057 76.7);
}
.element {
color: var(--autumn-gold);
background-color: hsl(36 30% 37%);
border-color: oklch(0.517 0.057 76.7);
}Tailwind CSS v4
@theme {
--color-autumn-gold: #7b6442;
--color-autumn-gold-50: #fef4e3;
--color-autumn-gold-100: #f2e6d3;
--color-autumn-gold-200: #e2d2ba;
--color-autumn-gold-300: #c8b597;
--color-autumn-gold-400: #b29a79;
--color-autumn-gold-500: #9c815b;
--color-autumn-gold-600: #846e4d;
--color-autumn-gold-700: #6a583d;
--color-autumn-gold-800: #4e402c;
--color-autumn-gold-900: #362c1e;
--color-autumn-gold-950: #21190e;
}SCSS
$autumn-gold: #7b6442;
$autumn-gold-rgb: 123, 100, 66;
$autumn-gold-light: mix(#fff, $autumn-gold, 20%);
$autumn-gold-dark: mix(#000, $autumn-gold, 20%);
.element {
color: $autumn-gold;
box-shadow: 0 0 0 2px rgba($autumn-gold, 0.35);
}