#AAAF1F

#AAAF1F

Color Values

HEX

#AAAF1F

RGB

170, 175, 31

HSL

62.1, 69.9%, 40.4%

HSV

62.1, 82.3%, 68.6%

CMYK

2.9%, 0.0%, 82.3%, 31.4%

OKLCH

0.7264 0.1527 111.8

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AAAF1F

#241FAF

Analogous

#AF6C1F

#62AF1F

#AAAF1F

Triadic

#AAAF1F

#1FAAAF

#AF1FAA

Split Complementary

#AAAF1F

#1F62AF

#6C1FAF

Tetradic

#AAAF1F

#1FAF6C

#241FAF

#AF1F62

Color Blindness Simulation

Original

#AAAF1F

Protanopia

#ACAC42

Deuteranopia

#ACAC4A

Tritanopia

#AA5D63

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F3F4C2
300
#EAED97
400
#DEE35F
500
#D2D926
600
#A8AD1F
700
#878B19
800
#696C13
900
#4D4F12
950
#31320B

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026