#D9B8FC

#D9B8FC

Color Values

HEX

#D9B8FC

RGB

217, 184, 252

HSL

269.1, 91.9%, 85.5%

HSV

269.1, 27.0%, 98.8%

CMYK

13.9%, 27.0%, 0.0%, 1.2%

OKLCH

0.8341 0.0994 306.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D9B8FC

#DBFCB8

Analogous

#B8B9FC

#FBB8FC

#D9B8FC

Triadic

#D9B8FC

#FCD9B8

#B8FCD9

Split Complementary

#D9B8FC

#FCFBB8

#B9FCB8

Tetradic

#D9B8FC

#FCB8B9

#DBFCB8

#B8FCFB

Color Blindness Simulation

Original

#D9B8FC

Protanopia

#CBCAEC

Deuteranopia

#CDCFE8

Tritanopia

#D7DFDC

Achromatopsia

#C4C4C4

CSS Usage

background-color: #D9B8FC;
color: #D9B8FC;
border-color: #D9B8FC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABAFC
300
#C08AFA
400
#9E4AF7
500
#7C0AF5
600
#6308C4
700
#4F079D
800
#3E057A
900
#2F0859
950
#1E0538

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