#AAAF3F

#AAAF3F

Color Values

HEX

#AAAF3F

RGB

170, 175, 63

HSL

62.7, 47.1%, 46.7%

HSV

62.7, 64.0%, 68.6%

CMYK

2.9%, 0.0%, 64.0%, 31.4%

OKLCH

0.7285 0.1338 111.7

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AAAF3F

#443FAF

Analogous

#AF7C3F

#72AF3F

#AAAF3F

Triadic

#AAAF3F

#3FAAAF

#AF3FAA

Split Complementary

#AAAF3F

#3F72AF

#7C3FAF

Tetradic

#AAAF3F

#3FAF7C

#443FAF

#AF3F72

Color Blindness Simulation

Original

#AAAF3F

Protanopia

#ACAC5A

Deuteranopia

#ACAC61

Tritanopia

#AA7074

Achromatopsia

#A6A6A6

CSS Usage

background-color: #AAAF3F;
color: #AAAF3F;
border-color: #AAAF3F;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DCDFA5
400
#C9CD74
500
#B6BC43
600
#929636
700
#75782B
800
#5B5E22
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026