#CFABBA

#CFABBA

Color Values

HEX

#CFABBA

RGB

207, 171, 186

HSL

335.0, 27.3%, 74.1%

HSV

335.0, 17.4%, 81.2%

CMYK

0.0%, 17.4%, 10.1%, 18.8%

OKLCH

0.7775 0.0463 351.3

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CFABBA

#ABCFC0

Analogous

#CFABCC

#CFAEAB

#CFABBA

Triadic

#CFABBA

#BACFAB

#ABBACF

Split Complementary

#CFABBA

#ABCFAE

#ABCCCF

Tetradic

#CFABBA

#CCCFAB

#ABCFC0

#AEABCF

Color Blindness Simulation

Original

#CFABBA

Protanopia

#BFBFB6

Deuteranopia

#C2C4B6

Tritanopia

#CDB4B3

Achromatopsia

#B4B4B4

CSS Usage

background-color: #CFABBA;
color: #CFABBA;
border-color: #CFABBA;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2DA
300
#D3B1BF
400
#BA879C
500
#A25D7A
600
#824A61
700
#683B4E
800
#512E3D
900
#3C252E
950
#26171D

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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