Nearest named color · #A29E3A
#A29E3A
Nearest named color: Desert Locust
#A29E3A (rgb(162 158 58), hsl(58 47% 43%), oklch(0.683 0.121 107)) is closest to the named color Desert Locust. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A29E3A
oklch(0.683 0.121 107)
Color conversions
- HEX
- #a29e3a
- RGB
- rgb(162 158 58)
- HSL
- hsl(58 47% 43%)
- HWB
- hwb(58 23% 36%)
- OKLCH
- oklch(0.683 0.121 107)
- OKLab
- oklab(0.683 -0.035 0.116)
- CIE Lab
- lab(64 -7.83 50.72)
- LCH
- lch(64 51.32 98.8)
- CMYK
- cmyk(0% 2% 64% 36%)
Tints · Shades · Tones
Tints
- ABA852
- B4B167
- BDBB7B
- C6C58E
- CFCEA1
- D8D8B4
- E2E2C6
- EBECD9
- F5F5EC
Shades
- 8C8931
- 777428
- 636020
- 4F4D18
- 3C3A10
- 2A2909
- 191804
- 0A0901
- 010100
Tones
- 9E9B45
- 9B984E
- 979556
- 94935E
- 909064
- 8D8D6B
- 8A8970
- 868676
- 83837B
Color harmonies
Complementary +180°
- A29E3A
Desert Locust
- 958DE0
≈ Perrywinkle
Analogous -30° +30°
- A29E3A
Desert Locust
- C38E36
≈ Calico Cat
- 75AA5E
≈ Ferntastic
Triadic +120° +240°
- A29E3A
Desert Locust
- 2BA7D3
≈ Modal
- CF79A8
≈ Heartbreaker
Split-complementary +150° +210°
- A29E3A
Desert Locust
- 679BE3
≈ Little Boy Blue
- B781CB
≈ Lavender Sweater
Tetradic +90° +180° +270°
- A29E3A
Desert Locust
- 00AFB2
≈ Larkspur Blue
- 958DE0
≈ Perrywinkle
- DA787E
≈ Juicy Details
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--desert-locust: #a29e3a;
--desert-locust-rgb: 162 158 58;
--desert-locust-oklch: oklch(0.683 0.121 107);
}
.element {
color: var(--desert-locust);
background-color: hsl(58 47% 43%);
border-color: oklch(0.683 0.121 107);
}Tailwind CSS v4
@theme {
--color-desert-locust: #a29e3a;
--color-desert-locust-50: #f7f9d1;
--color-desert-locust-100: #eaecbe;
--color-desert-locust-200: #d8d99d;
--color-desert-locust-300: #bcbd72;
--color-desert-locust-400: #a7a347;
--color-desert-locust-500: #908b00;
--color-desert-locust-600: #7a750a;
--color-desert-locust-700: #615e0a;
--color-desert-locust-800: #494403;
--color-desert-locust-900: #322f03;
--color-desert-locust-950: #1e1b00;
}SCSS
$desert-locust: #a29e3a;
$desert-locust-rgb: 162, 158, 58;
$desert-locust-light: mix(#fff, $desert-locust, 20%);
$desert-locust-dark: mix(#000, $desert-locust, 20%);
.element {
color: $desert-locust;
box-shadow: 0 0 0 2px rgba($desert-locust, 0.35);
}