Nearest named color · #A79C59
#A79C59
Nearest named color: Gremlin
#A79C59 (rgb(167 156 89), hsl(52 31% 50%), oklch(0.687 0.089 100.1)) is closest to the named color Gremlin. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A79C59
oklch(0.687 0.089 100.1)
Color conversions
- HEX
- #a79c59
- RGB
- rgb(167 156 89)
- HSL
- hsl(52 31% 50%)
- HWB
- hwb(52 35% 35%)
- OKLCH
- oklch(0.687 0.089 100.1)
- OKLab
- oklab(0.687 -0.016 0.087)
- CIE Lab
- lab(64.19 -2.82 36.4)
- LCH
- lch(64.19 36.51 94.4)
- CMYK
- cmyk(0% 7% 47% 35%)
Tints · Shades · Tones
Tints
- AFA66A
- B8AF7B
- C0B98B
- C9C39C
- D2CDAC
- DBD7BD
- E4E1CD
- EDEBDE
- F6F5EE
Shades
- 91874C
- 7B7340
- 665F34
- 524C28
- 3E391D
- 2C2813
- 1A1809
- 0A0903
- 010100
Tones
- A3995E
- 9F9763
- 9B9467
- 97916B
- 938E6F
- 8F8B73
- 8B8976
- 88867A
- 84837D
Color harmonies
Complementary +180°
- A79C59
Gremlin
- 9094D1
≈ Portage
Analogous -30° +30°
- A79C59
Gremlin
- BE915C
≈ Bosc Pear
- 88A66B
≈ Virtual Forest
Triadic +120° +240°
- A79C59
Gremlin
- 54A7C1
≈ Pottery Blue
- C085AC
≈ Joie de Vivre
Split-complementary +150° +210°
- A79C59
Gremlin
- 709FD0
≈ Blue Electress
- AB8BC4
≈ East Side
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.54:1 · APCA Lc 48
Best text color: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--gremlin: #a79c59;
--gremlin-rgb: 167 156 89;
--gremlin-oklch: oklch(0.687 0.089 100.1);
}
.element {
color: var(--gremlin);
background-color: hsl(52 31% 50%);
border-color: oklch(0.687 0.089 100.1);
}Tailwind CSS v4
@theme {
--color-gremlin: #a79c59;
--color-gremlin-50: #faf7da;
--color-gremlin-100: #edeac8;
--color-gremlin-200: #dbd6ab;
--color-gremlin-300: #c0ba85;
--color-gremlin-400: #aaa061;
--color-gremlin-500: #94873c;
--color-gremlin-600: #7d7334;
--color-gremlin-700: #645c29;
--color-gremlin-800: #4a431c;
--color-gremlin-900: #342e12;
--color-gremlin-950: #1f1b05;
}SCSS
$gremlin: #a79c59;
$gremlin-rgb: 167, 156, 89;
$gremlin-light: mix(#fff, $gremlin, 20%);
$gremlin-dark: mix(#000, $gremlin, 20%);
.element {
color: $gremlin;
box-shadow: 0 0 0 2px rgba($gremlin, 0.35);
}