#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026