#DBB4FF

#DBB4FF

Color Values

HEX

#DBB4FF

RGB

219, 180, 255

HSL

271.2, 100.0%, 85.3%

HSV

271.2, 29.4%, 100.0%

CMYK

14.1%, 29.4%, 0.0%, 0.0%

OKLCH

0.8298 0.1105 307.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DBB4FF

#D8FFB4

Analogous

#B6B4FF

#FFB4FE

#DBB4FF

Triadic

#DBB4FF

#FFDBB4

#B4FFDB

Split Complementary

#DBB4FF

#FEFFB4

#B4FFB6

Tetradic

#DBB4FF

#FFB6B4

#D8FFB4

#B4FEFF

Color Blindness Simulation

Original

#DBB4FF

Protanopia

#CACAED

Deuteranopia

#CCCFE8

Tritanopia

#D9DFDB

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DDB8FF
300
#C485FF
400
#A442FF
500
#8500FF
600
#6A00CC
700
#5500A3
800
#420080
900
#32055C
950
#20033A

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026