Nearest named color · #AEA762
#AEA762
Nearest named color: Desert Locust
#AEA762 (rgb(174 167 98), hsl(54 32% 53%), oklch(0.719 0.091 103.4)) is closest to the named color Desert Locust. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AEA762
oklch(0.719 0.091 103.4)
Color conversions
- HEX
- #aea762
- RGB
- rgb(174 167 98)
- HSL
- hsl(54 32% 53%)
- HWB
- hwb(54 38% 32%)
- OKLCH
- oklch(0.719 0.091 103.4)
- OKLab
- oklab(0.719 -0.021 0.088)
- CIE Lab
- lab(67.92 -4.75 36.49)
- LCH
- lch(67.92 36.8 97.4)
- CMYK
- cmyk(0% 4% 44% 32%)
Tints · Shades · Tones
Tints
- B6B072
- BEB882
- C5C192
- CDCAA1
- D6D3B1
- DEDBC0
- E6E4D0
- EEEDE0
- F7F6EF
Shades
- 979154
- 807B47
- 6A663A
- 55522D
- 413E21
- 2E2C16
- 1C1A0B
- 0B0A03
- 010100
Tones
- A9A366
- A49F6A
- A09B6D
- 9B9871
- 969474
- 929076
- 8D8C79
- 89887C
- 84847E
Color harmonies
Complementary +180°
- AEA762
Desert Locust
- 9C9DDC
≈ Dalmatian Sage
Analogous -30° +30°
- AEA762
Desert Locust
- C79B62
≈ Shetland
- 8EB176
≈ Hakusai Green
Triadic +120° +240°
- AEA762
Desert Locust
- 5EB1CE
≈ Crystal Seas
- CD8DB3
≈ Bossy-Pants Pink
Split-complementary +150° +210°
- AEA762
Desert Locust
- 7CA8DC
≈ Jordy Blue
- B893CD
≈ Cut Velvet
Tetradic +90° +180° +270°
- AEA762
Desert Locust
- 56B6B4
≈ Crystalsong Blue
- 9C9DDC
≈ Dalmatian Sage
- D78D94
≈ Dusty Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.46:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.50:1 · APCA Lc 53
Best text color: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--desert-locust: #aea762;
--desert-locust-rgb: 174 167 98;
--desert-locust-oklch: oklch(0.719 0.091 103.4);
}
.element {
color: var(--desert-locust);
background-color: hsl(54 32% 53%);
border-color: oklch(0.719 0.091 103.4);
}Tailwind CSS v4
@theme {
--color-desert-locust: #aea762;
--color-desert-locust-50: #f8f7da;
--color-desert-locust-100: #eceac8;
--color-desert-locust-200: #d9d7ab;
--color-desert-locust-300: #bebb84;
--color-desert-locust-400: #a8a160;
--color-desert-locust-500: #91893b;
--color-desert-locust-600: #7a7433;
--color-desert-locust-700: #625d29;
--color-desert-locust-800: #49431b;
--color-desert-locust-900: #332e12;
--color-desert-locust-950: #1e1b04;
}SCSS
$desert-locust: #aea762;
$desert-locust-rgb: 174, 167, 98;
$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);
}