#CAC365

#CAC365

Color Values

HEX

#CAC365

RGB

202, 195, 101

HSL

55.8, 48.8%, 59.4%

HSV

55.8, 50.0%, 79.2%

CMYK

0.0%, 3.5%, 50.0%, 20.8%

OKLCH

0.8033 0.1167 104.9

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CAC365

#656CCA

Analogous

#CA9065

#9FCA65

#CAC365

Triadic

#CAC365

#65CAC3

#C365CA

Split Complementary

#CAC365

#659FCA

#9065CA

Tetradic

#CAC365

#65CA90

#656CCA

#CA659F

Color Blindness Simulation

Original

#CAC365

Protanopia

#C7C77C

Deuteranopia

#C7C881

Tritanopia

#CA8E92

Achromatopsia

#BEBEBE

CSS Usage

background-color: #CAC365;
color: #CAC365;
border-color: #CAC365;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEACA
300
#E0DBA4
400
#CFC873
500
#BEB541
600
#989134
700
#79742A
800
#5F5B21
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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