#D648DB

#D648DB

Color Values

HEX

#D648DB

RGB

214, 72, 219

HSL

298.0, 67.1%, 57.1%

HSV

298.0, 67.1%, 85.9%

CMYK

2.3%, 67.1%, 0.0%, 14.1%

OKLCH

0.6531 0.2396 326.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D648DB

#4DDB48

Analogous

#8D48DB

#DB4896

#D648DB

Triadic

#D648DB

#DBD648

#48DBD6

Split Complementary

#D648DB

#96DB48

#48DB8D

Tetradic

#D648DB

#DB8D48

#4DDB48

#4896DB

Color Blindness Simulation

Original

#D648DB

Protanopia

#9897B7

Deuteranopia

#A1ABAF

Tritanopia

#CF9B95

Achromatopsia

#717171

CSS Usage

background-color: #D648DB;
color: #D648DB;
border-color: #D648DB;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF3FC
100
#F7E3F7
200
#F2C3F3
300
#E899EB
400
#DC61E0
500
#CF2AD5
600
#A622AA
700
#851B88
800
#68156B
900
#4C134E
950
#300C31

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

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