Nearest named color · #A39A00
#A39A00
Nearest named color: Lucky
#A39A00 (rgb(163 154 0), hsl(57 100% 32%), oklch(0.672 0.143 105.5)) is closest to the named color Lucky. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A39A00
oklch(0.672 0.143 105.5)
Color conversions
- HEX
- #a39a00
- RGB
- rgb(163 154 0)
- HSL
- hsl(57 100% 32%)
- HWB
- hwb(57 0% 36%)
- OKLCH
- oklch(0.672 0.143 105.5)
- OKLab
- oklab(0.672 -0.038 0.138)
- CIE Lab
- lab(62.77 -6.81 65.1)
- LCH
- lch(62.77 65.45 96)
- CMYK
- cmyk(0% 6% 100% 36%)
Tints · Shades · Tones
Tints
- ACA436
- B4AE53
- BDB86B
- C6C381
- CFCD96
- D9D7AC
- E2E1C0
- ECEBD5
- F5F5EA
Shades
- 8D8500
- 787100
- 635E00
- 4F4B00
- 3C3900
- 2A2700
- 191700
- 0A0900
- 010100
Tones
- 9F9826
- 9C9538
- 989345
- 949050
- 918E5A
- 8D8B63
- 8A896B
- 878672
- 838379
Color harmonies
Complementary +180°
- A39A00
Lucky
- 8F87E9
≈ Perrywinkle
Analogous -30° +30°
- A39A00
Lucky
- C78700
≈ Auric
- 6DA94A
≈ Fern Flash
Triadic +120° +240°
- A39A00
Lucky
- 00A5D1
≈ Charybdis
- D36FA9
≈ Sky Magenta
Split-complementary +150° +210°
Tetradic +90° +180° +270°
- A39A00
Lucky
- 00ABAC
≈ Fiji
- 8F87E9
≈ Perrywinkle
- E06D78
≈ Froly
Contrast & accessibility
Ag
FailOn white
WCAG 2.92:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.17:1 · APCA Lc 46
Best text color: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--lucky: #a39a00;
--lucky-rgb: 163 154 0;
--lucky-oklch: oklch(0.672 0.143 105.5);
}
.element {
color: var(--lucky);
background-color: hsl(57 100% 32%);
border-color: oklch(0.672 0.143 105.5);
}Tailwind CSS v4
@theme {
--color-lucky: #a39a00;
--color-lucky-50: #f9f9ca;
--color-lucky-100: #ececb5;
--color-lucky-200: #dad991;
--color-lucky-300: #bfbd61;
--color-lucky-400: #aba329;
--color-lucky-500: #958a00;
--color-lucky-600: #7e7500;
--color-lucky-700: #655d00;
--color-lucky-800: #4c4400;
--color-lucky-900: #342f00;
--color-lucky-950: #201b00;
}SCSS
$lucky: #a39a00;
$lucky-rgb: 163, 154, 0;
$lucky-light: mix(#fff, $lucky, 20%);
$lucky-dark: mix(#000, $lucky, 20%);
.element {
color: $lucky;
box-shadow: 0 0 0 2px rgba($lucky, 0.35);
}