#CACAA4

#CACAA4

Color Values

HEX

#CACAA4

RGB

202, 202, 164

HSL

60.0, 26.4%, 71.8%

HSV

60.0, 18.8%, 79.2%

CMYK

0.0%, 0.0%, 18.8%, 20.8%

OKLCH

0.8292 0.0511 107.5

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CACAA4

#A4A4CA

Analogous

#CAB7A4

#B7CAA4

#CACAA4

Triadic

#CACAA4

#A4CACA

#CAA4CA

Split Complementary

#CACAA4

#A4B7CA

#B7A4CA

Tetradic

#CACAA4

#A4CAB7

#A4A4CA

#CAA4B7

Color Blindness Simulation

Original

#CACAA4

Protanopia

#CACAAD

Deuteranopia

#CACAAF

Tritanopia

#CAB4B6

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E5D2
300
#D2D2B2
400
#BABA88
500
#A1A15E
600
#81814B
700
#67673C
800
#51512F
900
#3C3C25
950
#262617

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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