Nearest named color · #A89C3F
#A89C3F
Nearest named color: Martian
#A89C3F (rgb(168 156 63), hsl(53 45% 45%), oklch(0.685 0.114 102)) is closest to the named color Martian. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A89C3F
oklch(0.685 0.114 102)
Color conversions
- HEX
- #a89c3f
- RGB
- rgb(168 156 63)
- HSL
- hsl(53 45% 45%)
- HWB
- hwb(53 25% 34%)
- OKLCH
- oklch(0.685 0.114 102)
- OKLab
- oklab(0.685 -0.024 0.112)
- CIE Lab
- lab(64.04 -3.98 48.78)
- LCH
- lch(64.04 48.95 94.7)
- CMYK
- cmyk(0% 7% 63% 34%)
Tints · Shades · Tones
Tints
- B0A655
- B9B06A
- C1BA7D
- CAC390
- D2CDA2
- DBD7B5
- E4E1C7
- EDEBDA
- F6F5EC
Shades
- 928735
- 7C732C
- 675F23
- 524C1B
- 3F3912
- 2C280A
- 1A1804
- 0A0901
- 010100
Tones
- A49949
- A09751
- 9C9459
- 989160
- 938F66
- 8F8C6C
- 8C8971
- 888676
- 84837B
Color harmonies
Complementary +180°
- A89C3F
Martian
- 8F90DF
≈ Perrywinkle
Analogous -30° +30°
- A89C3F
Martian
- C58D41
≈ Anzac
- 7FA95C
≈ Jealousy
Triadic +120° +240°
- A89C3F
Martian
- 2FA9CC
≈ Reboot
- CA7CAE
≈ Ice Plant
Split-complementary +150° +210°
- A89C3F
Martian
- 639EDE
≈ Blue Bay
- B184CD
≈ Creeping Bellflower
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--martian: #a89c3f;
--martian-rgb: 168 156 63;
--martian-oklch: oklch(0.685 0.114 102);
}
.element {
color: var(--martian);
background-color: hsl(53 45% 45%);
border-color: oklch(0.685 0.114 102);
}Tailwind CSS v4
@theme {
--color-martian: #a89c3f;
--color-martian-50: #faf7d2;
--color-martian-100: #eeeabf;
--color-martian-200: #dcd79e;
--color-martian-300: #c1bb74;
--color-martian-400: #aca14a;
--color-martian-500: #968810;
--color-martian-600: #7f7314;
--color-martian-700: #655c10;
--color-martian-800: #4c4308;
--color-martian-900: #352e05;
--color-martian-950: #201b00;
}SCSS
$martian: #a89c3f;
$martian-rgb: 168, 156, 63;
$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);
}