#DE63BA

#DE63BA

Color Values

HEX

#DE63BA

RGB

222, 99, 186

HSL

317.6, 65.1%, 62.9%

HSV

317.6, 55.4%, 87.1%

CMYK

0.0%, 55.4%, 16.2%, 12.9%

OKLCH

0.678 0.1824 340.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DE63BA

#63DE87

Analogous

#C563DE

#DE637C

#DE63BA

Triadic

#DE63BA

#BADE63

#63BADE

Split Complementary

#DE63BA

#7CDE63

#63DEC5

Tetradic

#DE63BA

#DEC563

#63DE87

#637CDE

Color Blindness Simulation

Original

#DE63BA

Protanopia

#A9A8A5

Deuteranopia

#B0B9A0

Tritanopia

#D89491

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C4E5
300
#EA9AD2
400
#DE63BA
500
#D32CA2
600
#A82481
700
#871C68
800
#691651
900
#4D143C
950
#310D26

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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