#CAC499

#CAC499

Color Values

HEX

#CAC499

RGB

202, 196, 153

HSL

52.7, 31.6%, 69.6%

HSV

52.7, 24.3%, 79.2%

CMYK

0.0%, 3.0%, 24.3%, 20.8%

OKLCH

0.8143 0.0579 100.9

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CAC499

#999FCA

Analogous

#CAAC99

#B7CA99

#CAC499

Triadic

#CAC499

#99CAC4

#C499CA

Split Complementary

#CAC499

#99B7CA

#AC99CA

Tetradic

#CAC499

#99CAAC

#999FCA

#CA99B7

Color Blindness Simulation

Original

#CAC499

Protanopia

#C7C7A3

Deuteranopia

#C8C8A6

Tritanopia

#CAACAD

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CAC499;
color: #CAC499;
border-color: #CAC499;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E4D0
300
#D5D0AE
400
#BEB783
500
#A89E57
600
#867E46
700
#6B6538
800
#544F2C
900
#3E3B23
950
#272516

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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