#DB6496

#DB6496

Color Values

HEX

#DB6496

RGB

219, 100, 150

HSL

334,8, 62,3%, 62,5%

HSV

334,8, 54,3%, 85,9%

CMYK

0,0%, 54,3%, 31,5%, 14,1%

OKLCH

0,6619 0,1577 355,9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DB6496

#64DBA9

Analogous

#DB64D1

#DB6D64

#DB6496

Triadic

#DB6496

#96DB64

#6496DB

Split Complementary

#DB6496

#64DB6D

#64D1DB

Tetradic

#DB6496

#D1DB64

#64DBA9

#6D64DB

Color Blindness Simulation

Original

#DB6496

Protanopia

#A7A68A

Deuteranopia

#AEB787

Tritanopia

#D5807E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4EC
200
#F2C5D8
300
#E89CBC
400
#DB6697
500
#CF3073
600
#A6265C
700
#841F49
800
#671839
900
#4C152C
950
#300D1C

Contrast Checker

Text on white

3,35:1

AA Fail AAA Fail

Text on black

6,28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026