Nearest named color · #A39E3A
#A39E3A
Nearest named color: Martian
#A39E3A (rgb(163 158 58), hsl(57 48% 43%), oklch(0.684 0.121 106.4)) is closest to the named color Martian. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A39E3A
oklch(0.684 0.121 106.4)
Color conversions
- HEX
- #a39e3a
- RGB
- rgb(163 158 58)
- HSL
- hsl(57 48% 43%)
- HWB
- hwb(57 23% 36%)
- OKLCH
- oklch(0.684 0.121 106.4)
- OKLab
- oklab(0.684 -0.034 0.116)
- CIE Lab
- lab(64.09 -7.39 50.84)
- LCH
- lch(64.09 51.38 98.3)
- CMYK
- cmyk(0% 3% 64% 36%)
Tints · Shades · Tones
Tints
- ACA852
- B4B167
- BDBB7B
- C6C58E
- D0CEA1
- D9D8B4
- E2E2C7
- ECECD9
- F5F5EC
Shades
- 8D8931
- 787428
- 636020
- 4F4D18
- 3C3A10
- 2A2909
- 191804
- 0A0901
- 010100
Tones
- 9F9B45
- 9C984E
- 989556
- 94935E
- 919064
- 8D8D6B
- 8A8970
- 878676
- 83837B
Color harmonies
Complementary +180°
- A39E3A
Martian
- 948DE0
≈ Perrywinkle
Analogous -30° +30°
- A39E3A
Martian
- C48E36
≈ Calico Cat
- 76AB5D
≈ Arugula
Triadic +120° +240°
- A39E3A
Martian
- 2AA8D3
≈ Modal
- CF79A9
≈ Heartbreaker
Split-complementary +150° +210°
- A39E3A
Martian
- 679BE3
≈ Little Boy Blue
- B781CB
≈ Lavender Sweater
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 48
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--martian: #a39e3a;
--martian-rgb: 163 158 58;
--martian-oklch: oklch(0.684 0.121 106.4);
}
.element {
color: var(--martian);
background-color: hsl(57 48% 43%);
border-color: oklch(0.684 0.121 106.4);
}Tailwind CSS v4
@theme {
--color-martian: #a39e3a;
--color-martian-50: #f8f9d1;
--color-martian-100: #ebecbd;
--color-martian-200: #d8d99d;
--color-martian-300: #bdbd72;
--color-martian-400: #a7a346;
--color-martian-500: #918a00;
--color-martian-600: #7a7509;
--color-martian-700: #625e09;
--color-martian-800: #494403;
--color-martian-900: #332f03;
--color-martian-950: #1f1b00;
}SCSS
$martian: #a39e3a;
$martian-rgb: 163, 158, 58;
$martian-light: mix(#fff, $martian, 20%);
$martian-dark: mix(#000, $martian, 20%);
.element {
color: $martian;
box-shadow: 0 0 0 2px rgba($martian, 0.35);
}