#CACCA2

#CACCA2

Color Values

HEX

#CACCA2

RGB

202, 204, 162

HSL

62.9, 29.2%, 71.8%

HSV

62.9, 20.6%, 80.0%

CMYK

1.0%, 0.0%, 20.6%, 20.0%

OKLCH

0.8329 0.0563 109.8

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CACCA2

#A4A2CC

Analogous

#CCB9A2

#B5CCA2

#CACCA2

Triadic

#CACCA2

#A2CACC

#CCA2CA

Split Complementary

#CACCA2

#A2B5CC

#B9A2CC

Tetradic

#CACCA2

#A2CCB9

#A4A2CC

#CCA2B5

Color Blindness Simulation

Original

#CACCA2

Protanopia

#CBCBAC

Deuteranopia

#CBCBAF

Tritanopia

#CAB4B6

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E5E6D1
300
#D2D4B0
400
#BABC85
500
#A1A55A
600
#818448
700
#67693A
800
#51522D
900
#3C3D24
950
#262717

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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