#DC72AF

#DC72AF

Color Values

HEX

#DC72AF

RGB

220, 114, 175

HSL

325.5, 60.2%, 65.5%

HSV

325.5, 48.2%, 86.3%

CMYK

0.0%, 48.2%, 20.5%, 13.7%

OKLCH

0.6915 0.1496 346.1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DC72AF

#72DC9F

Analogous

#D472DC

#DC727A

#DC72AF

Triadic

#DC72AF

#AFDC72

#72AFDC

Split Complementary

#DC72AF

#7ADC72

#72DCD4

Tetradic

#DC72AF

#DCD472

#72DC9F

#727ADC

Color Blindness Simulation

Original

#DC72AF

Protanopia

#AEADA0

Deuteranopia

#B4BC9D

Tritanopia

#D79592

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6DF
300
#E79DC7
400
#D968A9
500
#CC338B
600
#A3296F
700
#832059
800
#661946
900
#4B1634
950
#2F0E21

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026