#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026