#CDBCFB

#CDBCFB

Color Values

HEX

#CDBCFB

RGB

205, 188, 251

HSL

256.2, 88.7%, 86.1%

HSV

256.2, 25.1%, 98.4%

CMYK

18.3%, 25.1%, 0.0%, 1.6%

OKLCH

0.8309 0.0888 296.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CDBCFB

#EAFBBC

Analogous

#BCCBFB

#EDBCFB

#CDBCFB

Triadic

#CDBCFB

#FBCDBC

#BCFBCD

Split Complementary

#CDBCFB

#FBEDBC

#CBFBBC

Tetradic

#CDBCFB

#FBBCCB

#EAFBBC

#BCFBED

Color Blindness Simulation

Original

#CDBCFB

Protanopia

#C6C5EC

Deuteranopia

#C7C8E8

Tritanopia

#CCE0DD

Achromatopsia

#C4C4C4

CSS Usage

background-color: #CDBCFB;
color: #CDBCFB;
border-color: #CDBCFB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F2FD
100
#E7E0FB
200
#CDBCFB
300
#A98CF8
400
#7A4DF4
500
#4B0EF1
600
#3C0CC0
700
#30099A
800
#260778
900
#1F0A57
950
#130637

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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