#DF7896

#DF7896

Color Values

HEX

#DF7896

RGB

223, 120, 150

HSL

342.5, 61.7%, 67.3%

HSV

342.5, 46.2%, 87.5%

CMYK

0.0%, 46.2%, 32.7%, 12.5%

OKLCH

0.696 0.1313 2.5

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DF7896

#78DFC1

Analogous

#DF78CA

#DF8E78

#DF7896

Triadic

#DF7896

#96DF78

#7896DF

Split Complementary

#DF7896

#78DF8E

#78CADF

Tetradic

#DF7896

#CADF78

#78DFC1

#8E78DF

Color Blindness Simulation

Original

#DF7896

Protanopia

#B2B28F

Deuteranopia

#B8C08D

Tritanopia

#DA8988

Achromatopsia

#909090

CSS Usage

background-color: #DF7896;
color: #DF7896;
border-color: #DF7896;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF3F6
100
#F7E4E9
200
#F1C5D2
300
#E89CB2
400
#DB6688
500
#CE315F
600
#A5274C
700
#841F3D
800
#67182F
900
#4B1625
950
#300E18

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026