#CAA702

#CAA702

Color Values

HEX

#CAA702

RGB

202, 167, 2

HSL

49.5, 98.0%, 40.0%

HSV

49.5, 99.0%, 79.2%

CMYK

0.0%, 17.3%, 99.0%, 20.8%

OKLCH

0.7381 0.1509 93.7

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CAA702

#0225CA

Analogous

#CA4302

#89CA02

#CAA702

Triadic

#CAA702

#02CAA7

#A702CA

Split Complementary

#CAA702

#0289CA

#4302CA

Tetradic

#CAA702

#02CA43

#0225CA

#CA0289

Color Blindness Simulation

Original

#CAA702

Protanopia

#BBBB2A

Deuteranopia

#BDBF34

Tritanopia

#C84950

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDD44
500
#FCD103
600
#CAA702
700
#A28602
800
#7E6801
900
#5B4C06
950
#3A3004

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026