#DB8DF6

#DB8DF6

Color Values

HEX

#DB8DF6

RGB

219, 141, 246

HSL

284.6, 85.4%, 75.9%

HSV

284.6, 42.7%, 96.5%

CMYK

11.0%, 42.7%, 0.0%, 3.5%

OKLCH

0.7606 0.1655 317.0

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#DB8DF6

#A8F68D

Analogous

#A78DF6

#F68DDC

#DB8DF6

Triadic

#DB8DF6

#F6DB8D

#8DF6DB

Split Complementary

#DB8DF6

#DCF68D

#8DF6A7

Tetradic

#DB8DF6

#F6A78D

#A8F68D

#8DDCF6

Color Blindness Simulation

Original

#DB8DF6

Protanopia

#B9B9DD

Deuteranopia

#BEC4D6

Tritanopia

#D7C9C4

Achromatopsia

#A5A5A5

CSS Usage

background-color: #DB8DF6;
color: #DB8DF6;
border-color: #DB8DF6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#EABDFA
300
#DB8EF6
400
#C850F1
500
#B413EC
600
#900FBD
700
#740C97
800
#5A0976
900
#430B56
950
#2A0736

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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