#DF92D0

#DF92D0

Color Values

HEX

#DF92D0

RGB

223, 146, 208

HSL

311,7, 54,6%, 72,4%

HSV

311,7, 34,5%, 87,5%

CMYK

0,0%, 34,5%, 6,7%, 12,5%

OKLCH

0,7569 0,1219 334,0

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#DF92D0

#92DFA1

Analogous

#C892DF

#DF92AA

#DF92D0

Triadic

#DF92D0

#D0DF92

#92D0DF

Split Complementary

#DF92D0

#AADF92

#92DFC8

Tetradic

#DF92D0

#DFC892

#92DFA1

#92AADF

Color Blindness Simulation

Original

#DF92D0

Protanopia

#BEBDC1

Deuteranopia

#C2C8BD

Tritanopia

#DBB5B3

Achromatopsia

#A7A7A7

CSS Usage

background-color: #DF92D0;
color: #DF92D0;
border-color: #DF92D0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF4FA
100
#F5E5F2
200
#EFC8E7
300
#E3A0D6
400
#D46DC0
500
#C53AAA
600
#9E2E88
700
#7E256D
800
#631D55
900
#48193F
950
#2E1028

Contrast Checker

Text on white

2,29:1

AA Fail AAA Fail

Text on black

9,16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026