#AFB957

#AFB957

Color Values

HEX

#AFB957

RGB

175, 185, 87

HSL

66.1, 41.2%, 53.3%

HSV

66.1, 53.0%, 72.5%

CMYK

5.4%, 0.0%, 53.0%, 27.5%

OKLCH

0.7574 0.1233 114.2

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB957

#6157B9

Analogous

#B99257

#7EB957

#AFB957

Triadic

#AFB957

#57AFB9

#B957AF

Split Complementary

#AFB957

#577EB9

#9257B9

Tetradic

#AFB957

#57B992

#6157B9

#B9577E

Color Blindness Simulation

Original

#AFB957

Protanopia

#B3B36F

Deuteranopia

#B3B274

Tritanopia

#B08186

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7EACD
300
#D6DBA9
400
#C0C87A
500
#A9B44B
600
#87903C
700
#6C7330
800
#555A25
900
#3F421E
950
#282A13

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026