#AFAC50

#AFAC50

Color Values

HEX

#AFAC50

RGB

175, 172, 80

HSL

58.1, 37.3%, 50.0%

HSV

58.1, 54.3%, 68.6%

CMYK

0.0%, 1.7%, 54.3%, 31.4%

OKLCH

0.7279 0.1149 107.2

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AFAC50

#5053AF

Analogous

#AF7C50

#83AF50

#AFAC50

Triadic

#AFAC50

#50AFAC

#AC50AF

Split Complementary

#AFAC50

#5083AF

#7C50AF

Tetradic

#AFAC50

#50AF7C

#5053AF

#AF5083

Color Blindness Simulation

Original

#AFAC50

Protanopia

#AEAE66

Deuteranopia

#AEAE6C

Tritanopia

#AF787C

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#E9E8CE
300
#D9D7AB
400
#C4C27D
500
#AFAC50
600
#8C8A40
700
#706E33
800
#585628
900
#414020
950
#292814

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.84:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026