#CAA335

#CAA335

Color Values

HEX

#CAA335

RGB

202, 163, 53

HSL

44.3, 58.4%, 50.0%

HSV

44.3, 73.8%, 79.2%

CMYK

0.0%, 19.3%, 73.8%, 20.8%

OKLCH

0.732 0.1312 88.5

Properties

Warm Light Nearest: RAL 1004 Golden Yellow

Color Harmonies

Complementary

#CAA335

#355CCA

Analogous

#CA5935

#A6CA35

#CAA335

Triadic

#CAA335

#35CAA3

#A335CA

Split Complementary

#CAA335

#35A6CA

#5935CA

Tetradic

#CAA335

#35CA59

#355CCA

#CA35A6

Color Blindness Simulation

Original

#CAA335

Protanopia

#B9B950

Deuteranopia

#BBBE56

Tritanopia

#C86569

Achromatopsia

#A3A3A3

CSS Usage

background-color: #CAA335;
color: #CAA335;
border-color: #CAA335;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBF9F4
100
#F6F1E4
200
#F0E5C6
300
#E6D39E
400
#D8BB6A
500
#CAA335
600
#A2822A
700
#816822
800
#65511B
900
#4A3D17
950
#2F260F

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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