#CAA202

#CAA202

Color Values

HEX

#CAA202

RGB

202, 162, 2

HSL

48.0, 98.0%, 40.0%

HSV

48.0, 99.0%, 79.2%

CMYK

0.0%, 19.8%, 99.0%, 20.8%

OKLCH

0.7279 0.1485 90.9

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#CAA202

#022ACA

Analogous

#CA3E02

#8ECA02

#CAA202

Triadic

#CAA202

#02CAA2

#A202CA

Split Complementary

#CAA202

#028ECA

#3E02CA

Tetradic

#CAA202

#02CA3E

#022ACA

#CA028E

Color Blindness Simulation

Original

#CAA202

Protanopia

#B9B829

Deuteranopia

#BBBE32

Tritanopia

#C8474E

Achromatopsia

#9F9F9F

CSS Usage

background-color: #CAA202;
color: #CAA202;
border-color: #CAA202;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEF0B8
300
#FEE686
400
#FDD844
500
#FCCA03
600
#CAA202
700
#A28202
800
#7E6501
900
#5B4A06
950
#3A2F04

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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