#CFBAD5

#CFBAD5

Color Values

HEX

#CFBAD5

RGB

207, 186, 213

HSL

286.7, 24.3%, 78.2%

HSV

286.7, 12.7%, 83.5%

CMYK

2.8%, 12.7%, 0.0%, 16.5%

OKLCH

0.8149 0.0438 318.7

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CFBAD5

#C0D5BA

Analogous

#C1BAD5

#D5BACD

#CFBAD5

Triadic

#CFBAD5

#D5CFBA

#BAD5CF

Split Complementary

#CFBAD5

#CDD5BA

#BAD5C1

Tetradic

#CFBAD5

#D5C1BA

#C0D5BA

#BACDD5

Color Blindness Simulation

Original

#CFBAD5

Protanopia

#C6C6CE

Deuteranopia

#C7C9CD

Tritanopia

#CEC9C8

Achromatopsia

#C0C0C0

CSS Usage

background-color: #CFBAD5;
color: #CFBAD5;
border-color: #CFBAD5;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D3E4
300
#CAB3D1
400
#AD8AB8
500
#91619E
600
#744D7F
700
#5D3E65
800
#48304F
900
#36263B
950
#221825

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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