#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