#CACB32

#CACB32

Color Values

HEX

#CACB32

RGB

202, 203, 50

HSL

60.4, 60.5%, 49.6%

HSV

60.4, 75.4%, 79.6%

CMYK

0.5%, 0.0%, 75.4%, 20.4%

OKLCH

0.8158 0.1638 109.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CACB32

#3332CB

Analogous

#CB8032

#7DCB32

#CACB32

Triadic

#CACB32

#32CACB

#CB32CA

Split Complementary

#CACB32

#327DCB

#8032CB

Tetradic

#CACB32

#32CB80

#3332CB

#CB327D

Color Blindness Simulation

Original

#CACB32

Protanopia

#CACA57

Deuteranopia

#CACA60

Tritanopia

#CA747B

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C6
300
#E6E79D
400
#D9DA68
500
#CCCD32
600
#A3A428
700
#828320
800
#666619
900
#4A4B16
950
#2F2F0E

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026