#DBB6F8

#DBB6F8

Color Values

HEX

#DBB6F8

RGB

219, 182, 248

HSL

273.6, 82.5%, 84.3%

HSV

273.6, 26.6%, 97.3%

CMYK

11.7%, 26.6%, 0.0%, 2.7%

OKLCH

0.8306 0.0985 309.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DBB6F8

#D3F8B6

Analogous

#BAB6F8

#F8B6F4

#DBB6F8

Triadic

#DBB6F8

#F8DBB6

#B6F8DB

Split Complementary

#DBB6F8

#F4F8B6

#B6F8BA

Tetradic

#DBB6F8

#F8BAB6

#D3F8B6

#B6F4F8

Color Blindness Simulation

Original

#DBB6F8

Protanopia

#CBCBE8

Deuteranopia

#CDD0E4

Tritanopia

#D9DBD9

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1FA
200
#DFBEF9
300
#C88FF4
400
#AA53EE
500
#8C16E9
600
#7012BA
700
#5A0E95
800
#460B74
900
#350C54
950
#210835

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026