#CACFA5

#CACFA5

Color Values

HEX

#CACFA5

RGB

202, 207, 165

HSL

67.1, 30.4%, 72.9%

HSV

67.1, 20.3%, 81.2%

CMYK

2.4%, 0.0%, 20.3%, 18.8%

OKLCH

0.8398 0.0565 113.1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CACFA5

#AAA5CF

Analogous

#CFBFA5

#B5CFA5

#CACFA5

Triadic

#CACFA5

#A5CACF

#CFA5CA

Split Complementary

#CACFA5

#A5B5CF

#BFA5CF

Tetradic

#CACFA5

#A5CFBF

#AAA5CF

#CFA5B5

Color Blindness Simulation

Original

#CACFA5

Protanopia

#CCCCAF

Deuteranopia

#CCCBB2

Tritanopia

#CAB7B9

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D0
300
#D0D4AF
400
#B7BD84
500
#9DA659
600
#7E8547
700
#656A39
800
#4F532C
900
#3B3E23
950
#252716

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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