#A1AE33

#A1AE33

Color Values

HEX

#A1AE33

RGB

161, 174, 51

HSL

66.3, 54.7%, 44.1%

HSV

66.3, 70.7%, 68.2%

CMYK

7.5%, 0.0%, 70.7%, 31.8%

OKLCH

0.7179 0.1437 115.3

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#A1AE33

#4033AE

Analogous

#AE7D33

#64AE33

#A1AE33

Triadic

#A1AE33

#33A1AE

#AE33A1

Split Complementary

#A1AE33

#3364AE

#7D33AE

Tetradic

#A1AE33

#33AE7D

#4033AE

#AE3364

Color Blindness Simulation

Original

#A1AE33

Protanopia

#A7A751

Deuteranopia

#A6A558

Tritanopia

#A2686D

Achromatopsia

#A2A2A2

CSS Usage

background-color: #A1AE33;
color: #A1AE33;
border-color: #A1AE33;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EBEFC8
300
#DCE3A0
400
#C9D46D
500
#B7C53A
600
#929E2E
700
#757E25
800
#5B631D
900
#434819
950
#2B2E10

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026