#DF168A

#DF168A

Color Values

HEX

#DF168A

RGB

223, 22, 138

HSL

325.4, 82.0%, 48.0%

HSV

325.4, 90.1%, 87.5%

CMYK

0.0%, 90.1%, 38.1%, 12.5%

OKLCH

0.5972 0.2377 353.6

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#DF168A

#16DF6B

Analogous

#CF16DF

#DF1625

#DF168A

Triadic

#DF168A

#8ADF16

#168ADF

Split Complementary

#DF168A

#25DF16

#16DFCF

Tetradic

#DF168A

#DFCF16

#16DF6B

#1625DF

Color Blindness Simulation

Original

#DF168A

Protanopia

#88866E

Deuteranopia

#94A367

Tritanopia

#D55853

Achromatopsia

#494949

CSS Usage

background-color: #DF168A;
color: #DF168A;
border-color: #DF168A;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F8
100
#FAE1EF
200
#F9BEE0
300
#F490C9
400
#EE53AD
500
#E81790
600
#BA1273
700
#950F5C
800
#740B48
900
#540D36
950
#350822

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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