#D28CFB

#D28CFB

Color Values

HEX

#D28CFB

RGB

210, 140, 251

HSL

277.8, 93.3%, 76.7%

HSV

277.8, 44.2%, 98.4%

CMYK

16.3%, 44.2%, 0.0%, 1.6%

OKLCH

0.752 0.1687 312.0

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D28CFB

#B5FB8C

Analogous

#9B8CFB

#FB8CED

#D28CFB

Triadic

#D28CFB

#FBD28C

#8CFBD2

Split Complementary

#D28CFB

#EDFB8C

#8CFB9B

Tetradic

#D28CFB

#FB9B8C

#B5FB8C

#8CEDFB

Color Blindness Simulation

Original

#D28CFB

Protanopia

#B4B3E0

Deuteranopia

#B8BDDA

Tritanopia

#CECBC6

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BAFD
300
#D189FB
400
#B849F9
500
#9E09F6
600
#7F07C5
700
#65059E
800
#4F047B
900
#3B0859
950
#250538

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026