#CAC528

#CAC528

Color Values

HEX

#CAC528

RGB

202, 197, 40

HSL

58,1, 66,9%, 47,5%

HSV

58,1, 80,2%, 79,2%

CMYK

0,0%, 2,5%, 80,2%, 20,8%

OKLCH

0,8024 0,1629 107,6

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC528

#282DCA

Analogous

#CA7428

#7ECA28

#CAC528

Triadic

#CAC528

#28CAC5

#C528CA

Split Complementary

#CAC528

#287ECA

#7428CA

Tetradic

#CAC528

#28CA74

#282DCA

#CA287E

Color Blindness Simulation

Original

#CAC528

Protanopia

#C8C84E

Deuteranopia

#C8C857

Tritanopia

#CA6C73

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C3
300
#EBE899
400
#E0DC62
500
#D5CF2A
600
#AAA622
700
#88851B
800
#6A6815
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,53:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026