#DF63C0

#DF63C0

Color Values

HEX

#DF63C0

RGB

223, 99, 192

HSL

315,0, 66,0%, 63,1%

HSV

315,0, 55,6%, 87,5%

CMYK

0,0%, 55,6%, 13,9%, 12,5%

OKLCH

0,6818 0,1874 338,2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DF63C0

#63DF82

Analogous

#C063DF

#DF6382

#DF63C0

Triadic

#DF63C0

#C0DF63

#63C0DF

Split Complementary

#DF63C0

#82DF63

#63DFC0

Tetradic

#DF63C0

#DFC063

#63DF82

#6382DF

Color Blindness Simulation

Original

#DF63C0

Protanopia

#A9A8AA

Deuteranopia

#B0BAA4

Tritanopia

#D99894

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C4E7
300
#EA99D6
400
#DF62C0
500
#D42BAA
600
#A92388
700
#871C6D
800
#6A1655
900
#4D143F
950
#310C28

Contrast Checker

Text on white

3,14:1

AA Fail AAA Fail

Text on black

6,68: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