#AFA655

#AFA655

Color Values

HEX

#AFA655

RGB

175, 166, 85

HSL

54.0, 36.0%, 51.0%

HSV

54.0, 51.4%, 68.6%

CMYK

0.0%, 5.1%, 51.4%, 31.4%

OKLCH

0.7155 0.1035 103.0

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AFA655

#555EAF

Analogous

#AF7955

#8BAF55

#AFA655

Triadic

#AFA655

#55AFA6

#A655AF

Split Complementary

#AFA655

#558BAF

#7955AF

Tetradic

#AFA655

#55AF79

#555EAF

#AF558B

Color Blindness Simulation

Original

#AFA655

Protanopia

#ABAB69

Deuteranopia

#ACAC6D

Tritanopia

#AF787B

Achromatopsia

#A2A2A2

CSS Usage

background-color: #AFA655;
color: #AFA655;
border-color: #AFA655;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E8E6CE
300
#D8D3AC
400
#C3BC7F
500
#ADA452
600
#8B8341
700
#6F6934
800
#575229
900
#403D21
950
#292715

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026