#CAACCF

#CAACCF

Color Values

HEX

#CAACCF

RGB

202, 172, 207

HSL

291,4, 26,7%, 74,3%

HSV

291,4, 16,9%, 81,2%

CMYK

2,4%, 16,9%, 0,0%, 18,8%

OKLCH

0,7817 0,059 321,5

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CAACCF

#B1CFAC

Analogous

#B8ACCF

#CFACC2

#CAACCF

Triadic

#CAACCF

#CFCAAC

#ACCFCA

Split Complementary

#CAACCF

#C2CFAC

#ACCFB8

Tetradic

#CAACCF

#CFB8AC

#B1CFAC

#ACC2CF

Color Blindness Simulation

Original

#CAACCF

Protanopia

#BDBDC7

Deuteranopia

#BFC1C4

Tritanopia

#C8C0BE

Achromatopsia

#B5B5B5

CSS Usage

background-color: #CAACCF;
color: #CAACCF;
border-color: #CAACCF;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F6F9
100
#F0E9F1
200
#E2D2E5
300
#CDB1D2
400
#B387BA
500
#985DA2
600
#794B81
700
#613C67
800
#4C2F51
900
#39253C
950
#241726

Contrast Checker

Text on white

2,04:1

AA Fail AAA Fail

Text on black

10,31: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