#DA0F78

#DA0F78

Color Values

HEX

#DA0F78

RGB

218, 15, 120

HSL

329.0, 87.1%, 45.7%

HSV

329.0, 93.1%, 85.5%

CMYK

0.0%, 93.1%, 45.0%, 14.5%

OKLCH

0.5801 0.2306 358.7

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#DA0F78

#0FDA71

Analogous

#D70FDA

#DA0F12

#DA0F78

Triadic

#DA0F78

#78DA0F

#0F78DA

Split Complementary

#DA0F78

#12DA0F

#0FDAD7

Tetradic

#DA0F78

#DAD70F

#0FDA71

#0F12DA

Color Blindness Simulation

Original

#DA0F78

Protanopia

#82805F

Deuteranopia

#8E9D58

Tritanopia

#D04B46

Achromatopsia

#424242

CSS Usage

background-color: #DA0F78;
color: #DA0F78;
border-color: #DA0F78;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABCDC
300
#F78CC4
400
#F34EA3
500
#EF1083
600
#BF0D69
700
#990B54
800
#770842
900
#560A32
950
#37071F

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail 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