#CACEB3

#CACEB3

Color Values

HEX

#CACEB3

RGB

202, 206, 179

HSL

68.9, 21.6%, 75.5%

HSV

68.9, 13.1%, 80.8%

CMYK

1.9%, 0.0%, 13.1%, 19.2%

OKLCH

0.841 0.0368 114.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CACEB3

#B7B3CE

Analogous

#CEC5B3

#BDCEB3

#CACEB3

Triadic

#CACEB3

#B3CACE

#CEB3CA

Split Complementary

#CACEB3

#B3BDCE

#C5B3CE

Tetradic

#CACEB3

#B3CEC5

#B7B3CE

#CEB3BD

Color Blindness Simulation

Original

#CACEB3

Protanopia

#CCCCBA

Deuteranopia

#CCCBBB

Tritanopia

#CABFC0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CACEB3;
color: #CACEB3;
border-color: #CACEB3;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E1E3D4
300
#CBCFB5
400
#AFB58C
500
#939B64
600
#757C50
700
#5E6340
800
#494E32
900
#373A27
950
#232519

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026