#AFBB24

#AFBB24

Color Values

HEX

#AFBB24

RGB

175, 187, 36

HSL

64.8, 67.7%, 43.7%

HSV

64.8, 80.7%, 73.3%

CMYK

6.4%, 0.0%, 80.7%, 26.7%

OKLCH

0.7577 0.1614 114.4

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#AFBB24

#3024BB

Analogous

#BB7C24

#63BB24

#AFBB24

Triadic

#AFBB24

#24AFBB

#BB24AF

Split Complementary

#AFBB24

#2463BB

#7C24BB

Tetradic

#AFBB24

#24BB7C

#3024BB

#BB2463

Color Blindness Simulation

Original

#AFBB24

Protanopia

#B4B448

Deuteranopia

#B4B351

Tritanopia

#B0656C

Achromatopsia

#AEAEAE

CSS Usage

background-color: #AFBB24;
color: #AFBB24;
border-color: #AFBB24;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C3
300
#E5EB98
400
#D6E161
500
#C8D629
600
#A0AB21
700
#80891A
800
#646B15
900
#494E13
950
#2E310C

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.96:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026