#DB6786

#DB6786

Color Values

HEX

#DB6786

RGB

219, 103, 134

HSL

344.0, 61.7%, 63.1%

HSV

344.0, 53.0%, 85.9%

CMYK

0.0%, 53.0%, 38.8%, 14.1%

OKLCH

0.6612 0.1479 5.2

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DB6786

#67DBBC

Analogous

#DB67C0

#DB8267

#DB6786

Triadic

#DB6786

#86DB67

#6786DB

Split Complementary

#DB6786

#67DB82

#67C0DB

Tetradic

#DB6786

#C0DB67

#67DBBC

#8267DB

Color Blindness Simulation

Original

#DB6786

Protanopia

#A9A87F

Deuteranopia

#B0B87D

Tritanopia

#D57977

Achromatopsia

#828282

CSS Usage

background-color: #DB6786;
color: #DB6786;
border-color: #DB6786;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F1C5D1
300
#E89CB0
400
#DB6685
500
#CE315B
600
#A52749
700
#841F3A
800
#67182D
900
#4B1624
950
#300E17

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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