#DB648D

#DB648D

Color Values

HEX

#DB648D

RGB

219, 100, 141

HSL

339.3, 62.3%, 62.5%

HSV

339.3, 54.3%, 85.9%

CMYK

0.0%, 54.3%, 35.6%, 14.1%

OKLCH

0.6591 0.1543 0.6

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DB648D

#64DBB2

Analogous

#DB64C8

#DB7664

#DB648D

Triadic

#DB648D

#8DDB64

#648DDB

Split Complementary

#DB648D

#64DB76

#64C8DB

Tetradic

#DB648D

#C8DB64

#64DBB2

#7664DB

Color Blindness Simulation

Original

#DB648D

Protanopia

#A7A683

Deuteranopia

#AEB781

Tritanopia

#D57B7A

Achromatopsia

#808080

CSS Usage

background-color: #DB648D;
color: #DB648D;
border-color: #DB648D;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F6
100
#F7E4EA
200
#F2C5D4
300
#E89CB6
400
#DB668E
500
#CF3067
600
#A62652
700
#841F42
800
#671833
900
#4C1528
950
#300D19

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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