#DF63BC

#DF63BC

Color Values

HEX

#DF63BC

RGB

223, 99, 188

HSL

316,9, 66,0%, 63,1%

HSV

316,9, 55,6%, 87,5%

CMYK

0,0%, 55,6%, 15,7%, 12,5%

OKLCH

0,6801 0,1846 339,7

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#DF63BC

#63DF86

Analogous

#C463DF

#DF637E

#DF63BC

Triadic

#DF63BC

#BCDF63

#63BCDF

Split Complementary

#DF63BC

#7EDF63

#63DFC4

Tetradic

#DF63BC

#DFC463

#63DF86

#637EDF

Color Blindness Simulation

Original

#DF63BC

Protanopia

#A9A8A6

Deuteranopia

#B0BAA1

Tritanopia

#D99592

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C4E6
300
#EA99D3
400
#DF62BC
500
#D42BA4
600
#A92383
700
#871C69
800
#6A1652
900
#4D143D
950
#310C27

Contrast Checker

Text on white

3,16:1

AA Fail AAA Fail

Text on black

6,65:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026