#CAC368

#CAC368

Color Values

HEX

#CAC368

RGB

202, 195, 104

HSL

55.7, 48.0%, 60.0%

HSV

55.7, 48.5%, 79.2%

CMYK

0.0%, 3.5%, 48.5%, 20.8%

OKLCH

0.8037 0.1137 104.7

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CAC368

#686FCA

Analogous

#CA9268

#A0CA68

#CAC368

Triadic

#CAC368

#68CAC3

#C368CA

Split Complementary

#CAC368

#68A0CA

#9268CA

Tetradic

#CAC368

#68CA92

#686FCA

#CA68A0

Color Blindness Simulation

Original

#CAC368

Protanopia

#C7C77E

Deuteranopia

#C7C883

Tritanopia

#CA8F93

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECEACA
300
#DFDBA4
400
#CEC773
500
#BDB442
600
#979035
700
#79732A
800
#5E5A21
900
#45421C
950
#2C2A11

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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