Nearest named color · #A79C5A
#A79C5A
Nearest named color: Gremlin
#A79C5A (rgb(167 156 90), hsl(51 30% 50%), oklch(0.687 0.088 100)) is closest to the named color Gremlin. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A79C5A
oklch(0.687 0.088 100)
Color conversions
- HEX
- #a79c5a
- RGB
- rgb(167 156 90)
- HSL
- hsl(51 30% 50%)
- HWB
- hwb(51 35% 35%)
- OKLCH
- oklch(0.687 0.088 100)
- OKLab
- oklab(0.687 -0.015 0.086)
- CIE Lab
- lab(64.2 -2.74 35.9)
- LCH
- lch(64.2 36.01 94.4)
- CMYK
- cmyk(0% 7% 46% 35%)
Tints · Shades · Tones
Tints
- AFA66B
- B8AF7C
- C0B98C
- C9C39C
- D2CDAD
- DBD7BD
- E4E1CD
- EDEBDE
- F6F5EE
Shades
- 91874D
- 7B7341
- 665F35
- 524C29
- 3E391E
- 2C2813
- 1A1809
- 0A0903
- 010100
Tones
- A3995F
- 9F9764
- 9B9468
- 97916C
- 938E70
- 8F8B73
- 8B8977
- 88867A
- 84837D
Color harmonies
Complementary +180°
- A79C5A
Gremlin
- 9095D0
≈ Portage
Analogous -30° +30°
- A79C5A
Gremlin
- BE915D
≈ Honey Haven
- 89A66B
≈ Virtual Forest
Triadic +120° +240°
- A79C5A
Gremlin
- 55A7C0
≈ Pottery Blue
- C085AC
≈ Joie de Vivre
Split-complementary +150° +210°
- A79C5A
Gremlin
- 709FCF
≈ Blue Electress
- AB8BC3
≈ 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: #a79c5a;
--gremlin-rgb: 167 156 90;
--gremlin-oklch: oklch(0.687 0.088 100);
}
.element {
color: var(--gremlin);
background-color: hsl(51 30% 50%);
border-color: oklch(0.687 0.088 100);
}Tailwind CSS v4
@theme {
--color-gremlin: #a79c5a;
--color-gremlin-50: #faf7da;
--color-gremlin-100: #edeac8;
--color-gremlin-200: #dbd6ab;
--color-gremlin-300: #c0ba85;
--color-gremlin-400: #aaa062;
--color-gremlin-500: #94873d;
--color-gremlin-600: #7d7335;
--color-gremlin-700: #645c2a;
--color-gremlin-800: #4a431c;
--color-gremlin-900: #342e12;
--color-gremlin-950: #1f1b05;
}SCSS
$gremlin: #a79c5a;
$gremlin-rgb: 167, 156, 90;
$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);
}