#D1BCCD

#D1BCCD

Color Values

HEX

#D1BCCD

RGB

209, 188, 205

HSL

311.4, 18.6%, 77.8%

HSV

311.4, 10.0%, 82.0%

CMYK

0.0%, 10.0%, 1.9%, 18.0%

OKLCH

0.8179 0.033 332.2

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D1BCCD

#BCD1C0

Analogous

#CABCD1

#D1BCC2

#D1BCCD

Triadic

#D1BCCD

#CDD1BC

#BCCDD1

Split Complementary

#D1BCCD

#C2D1BC

#BCD1CA

Tetradic

#D1BCCD

#D1CABC

#BCD1C0

#BCC2D1

Color Blindness Simulation

Original

#D1BCCD

Protanopia

#C8C8C9

Deuteranopia

#C9CBC8

Tritanopia

#D0C6C5

Achromatopsia

#C2C2C2

CSS Usage

background-color: #D1BCCD;
color: #D1BCCD;
border-color: #D1BCCD;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5DF
300
#CDB6C9
400
#B28FAC
500
#97688E
600
#795372
700
#61425B
800
#4C3447
900
#392835
950
#241922

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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