#CAC614

#CAC614

Color Values

HEX

#CAC614

RGB

202, 198, 20

HSL

58,7, 82,0%, 43,5%

HSV

58,7, 90,1%, 79,2%

CMYK

0,0%, 2,0%, 90,1%, 20,8%

OKLCH

0,8038 0,1703 108,2

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CAC614

#1418CA

Analogous

#CA6B14

#73CA14

#CAC614

Triadic

#CAC614

#14CAC6

#C614CA

Split Complementary

#CAC614

#1473CA

#6B14CA

Tetradic

#CAC614

#14CA6B

#1418CA

#CA1473

Color Blindness Simulation

Original

#CAC614

Protanopia

#C8C83F

Deuteranopia

#C8C949

Tritanopia

#CA6169

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F7BE
300
#F4F290
400
#EEEB53
500
#E8E417
600
#BAB612
700
#95920F
800
#74720B
900
#54530D
950
#353408

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026