#CAC89E

#CAC89E

Color Values

HEX

#CAC89E

RGB

202, 200, 158

HSL

57.3, 29.3%, 70.6%

HSV

57.3, 21.8%, 79.2%

CMYK

0.0%, 1.0%, 21.8%, 20.8%

OKLCH

0.8237 0.0563 105.3

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CAC89E

#9EA0CA

Analogous

#CAB29E

#B6CA9E

#CAC89E

Triadic

#CAC89E

#9ECAC8

#C89ECA

Split Complementary

#CAC89E

#9EB6CA

#B29ECA

Tetradic

#CAC89E

#9ECAB2

#9EA0CA

#CA9EB6

Color Blindness Simulation

Original

#CAC89E

Protanopia

#C9C9A8

Deuteranopia

#C9C9AB

Tritanopia

#CAB0B2

Achromatopsia

#C5C5C5

CSS Usage

background-color: #CAC89E;
color: #CAC89E;
border-color: #CAC89E;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E5D1
300
#D4D2B0
400
#BCBA85
500
#A5A15A
600
#848148
700
#6A673A
800
#52512D
900
#3D3C24
950
#272617

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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