#DBB8F0

#DBB8F0

Color Values

HEX

#DBB8F0

RGB

219, 184, 240

HSL

277,5, 65,1%, 83,1%

HSV

277,5, 23,3%, 94,1%

CMYK

8,8%, 23,3%, 0,0%, 5,9%

OKLCH

0,8312 0,0854 312,6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DBB8F0

#CDF0B8

Analogous

#BFB8F0

#F0B8E9

#DBB8F0

Triadic

#DBB8F0

#F0DBB8

#B8F0DB

Split Complementary

#DBB8F0

#E9F0B8

#B8F0BF

Tetradic

#DBB8F0

#F0BFB8

#CDF0B8

#B8E9F0

Color Blindness Simulation

Original

#DBB8F0

Protanopia

#CCCCE2

Deuteranopia

#CED0DF

Tritanopia

#D9D8D5

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F3
300
#CC9AEA
400
#B063DE
500
#942CD3
600
#7724A8
700
#5F1C87
800
#4A1669
900
#38144D
950
#230D31

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026