#CABC02

#CABC02

Color Values

HEX

#CABC02

RGB

202, 188, 2

HSL

55.8, 98.0%, 40.0%

HSV

55.8, 99.0%, 79.2%

CMYK

0.0%, 6.9%, 99.0%, 20.8%

OKLCH

0.7821 0.165 104.2

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CABC02

#0210CA

Analogous

#CA5802

#74CA02

#CABC02

Triadic

#CABC02

#02CABC

#BC02CA

Split Complementary

#CABC02

#0274CA

#5802CA

Tetradic

#CABC02

#02CA58

#0210CA

#CA0274

Color Blindness Simulation

Original

#CABC02

Protanopia

#C4C42F

Deuteranopia

#C5C63A

Tritanopia

#C9535A

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEF9B8
300
#FEF586
400
#FDF044
500
#FCEB03
600
#CABC02
700
#A29602
800
#7E7501
900
#5B5506
950
#3A3604

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.71: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