#CACFB4

#CACFB4

Color Values

HEX

#CACFB4

RGB

202, 207, 180

HSL

71.1, 22.0%, 75.9%

HSV

71.1, 13.0%, 81.2%

CMYK

2.4%, 0.0%, 13.0%, 18.8%

OKLCH

0.8434 0.0369 115.7

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CACFB4

#B9B4CF

Analogous

#CFC7B4

#BDCFB4

#CACFB4

Triadic

#CACFB4

#B4CACF

#CFB4CA

Split Complementary

#CACFB4

#B4BDCF

#C7B4CF

Tetradic

#CACFB4

#B4CFC7

#B9B4CF

#CFB4BD

Color Blindness Simulation

Original

#CACFB4

Protanopia

#CCCCBB

Deuteranopia

#CCCBBC

Tritanopia

#CAC0C1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E3D3
300
#CACFB4
400
#AEB58C
500
#919C63
600
#747C50
700
#5D6440
800
#494E32
900
#363A27
950
#222519

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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