#CAC515

#CAC515

Color Values

HEX

#CAC515

RGB

202, 197, 21

HSL

58.3, 81.2%, 43.7%

HSV

58.3, 89.6%, 79.2%

CMYK

0.0%, 2.5%, 89.6%, 20.8%

OKLCH

0.8017 0.1692 107.8

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC515

#151ACA

Analogous

#CA6A15

#75CA15

#CAC515

Triadic

#CAC515

#15CAC5

#C515CA

Split Complementary

#CAC515

#1575CA

#6A15CA

Tetradic

#CAC515

#15CA6A

#151ACA

#CA1575

Color Blindness Simulation

Original

#CAC515

Protanopia

#C8C840

Deuteranopia

#C8C84A

Tritanopia

#CA6169

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#F9F9E1
200
#F8F7BE
300
#F3F190
400
#EDE954
500
#E7E118
600
#B9B413
700
#94900F
800
#74710C
900
#54520D
950
#353408

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.51:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026