#CACB0A

#CACB0A

Color Values

HEX

#CACB0A

RGB

202, 203, 10

HSL

60.3, 90.6%, 41.8%

HSV

60.3, 95.1%, 79.6%

CMYK

0.5%, 0.0%, 95.1%, 20.4%

OKLCH

0.8145 0.1765 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CACB0A

#0B0ACB

Analogous

#CB6C0A

#6ACB0A

#CACB0A

Triadic

#CACB0A

#0ACACB

#CB0ACA

Split Complementary

#CACB0A

#0A6ACB

#6C0ACB

Tetradic

#CACB0A

#0ACB6C

#0B0ACB

#CB0A6A

Color Blindness Simulation

Original

#CACB0A

Protanopia

#CACA39

Deuteranopia

#CACA44

Tritanopia

#CA5E66

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFCBB
300
#F9F98A
400
#F5F64B
500
#F2F30C
600
#C1C20A
700
#9B9C08
800
#797A06
900
#585809
950
#373806

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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