#CFABCF

#CFABCF

Color Values

HEX

#CFABCF

RGB

207, 171, 207

HSL

300.0, 27.3%, 74.1%

HSV

300.0, 17.4%, 81.2%

CMYK

0.0%, 17.4%, 0.0%, 18.8%

OKLCH

0.7844 0.0641 326.2

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CFABCF

#ABCFAB

Analogous

#BDABCF

#CFABBD

#CFABCF

Triadic

#CFABCF

#CFCFAB

#ABCFCF

Split Complementary

#CFABCF

#BDCFAB

#ABCFBD

Tetradic

#CFABCF

#CFBDAB

#ABCFAB

#ABBDCF

Color Blindness Simulation

Original

#CFABCF

Protanopia

#BFBFC6

Deuteranopia

#C2C4C4

Tritanopia

#CDBFBE

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D2E5
300
#D3B1D3
400
#BA87BA
500
#A25DA2
600
#824A82
700
#683B68
800
#512E51
900
#3C253C
950
#261726

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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