#D3BCEF

#D3BCEF

Color Values

HEX

#D3BCEF

RGB

211, 188, 239

HSL

267.1, 61.4%, 83.7%

HSV

267.1, 21.3%, 93.7%

CMYK

11.7%, 21.3%, 0.0%, 6.3%

OKLCH

0.8313 0.0743 305.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D3BCEF

#D8EFBC

Analogous

#BCBEEF

#ECBCEF

#D3BCEF

Triadic

#D3BCEF

#EFD3BC

#BCEFD3

Split Complementary

#D3BCEF

#EFECBC

#BEEFBC

Tetradic

#D3BCEF

#EFBCBE

#D8EFBC

#BCEFEC

Color Blindness Simulation

Original

#D3BCEF

Protanopia

#C9C9E3

Deuteranopia

#CACCE0

Tritanopia

#D2D9D7

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D9C5F1
300
#BE9CE7
400
#9B67DB
500
#7831CE
600
#6027A5
700
#4D1F84
800
#3C1967
900
#2E164B
950
#1D0E30

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026