#A1AE68

#A1AE68

Color Values

HEX

#A1AE68

RGB

161, 174, 104

HSL

71.1, 30.2%, 54.5%

HSV

71.1, 40.2%, 68.2%

CMYK

7.5%, 0.0%, 40.2%, 31.8%

OKLCH

0.7241 0.0945 117.4

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#A1AE68

#7568AE

Analogous

#AE9868

#7EAE68

#A1AE68

Triadic

#A1AE68

#68A1AE

#AE68A1

Split Complementary

#A1AE68

#687EAE

#9868AE

Tetradic

#A1AE68

#68AE98

#7568AE

#AE687E

Color Blindness Simulation

Original

#A1AE68

Protanopia

#A7A779

Deuteranopia

#A6A57D

Tritanopia

#A28689

Achromatopsia

#A6A6A6

CSS Usage

background-color: #A1AE68;
color: #A1AE68;
border-color: #A1AE68;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9F9F5
100
#F0F2E9
200
#E2E6D1
300
#CDD4AF
400
#B3BD84
500
#98A659
600
#798547
700
#616A39
800
#4C532C
900
#393E23
950
#242716

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.77:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026