#DB69A8

#DB69A8

Color Values

HEX

#DB69A8

RGB

219, 105, 168

HSL

326.8, 61.3%, 63.5%

HSV

326.8, 52.1%, 85.9%

CMYK

0.0%, 52.1%, 23.3%, 14.1%

OKLCH

0.6749 0.159 347.9

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DB69A8

#69DB9C

Analogous

#D569DB

#DB696F

#DB69A8

Triadic

#DB69A8

#A8DB69

#69A8DB

Split Complementary

#DB69A8

#6FDB69

#69DBD5

Tetradic

#DB69A8

#DBD569

#69DB9C

#696FDB

Color Blindness Simulation

Original

#DB69A8

Protanopia

#AAA999

Deuteranopia

#B0B995

Tritanopia

#D58D8A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DE
300
#E79CC6
400
#DA67A7
500
#CE3188
600
#A5276D
700
#842057
800
#671944
900
#4B1633
950
#2F0E20

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026