#D36CAC

#D36CAC

Color Values

HEX

#D36CAC

RGB

211, 108, 172

HSL

322.7, 53.9%, 62.5%

HSV

322.7, 48.8%, 82.7%

CMYK

0.0%, 48.8%, 18.5%, 17.3%

OKLCH

0.6701 0.1495 343.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D36CAC

#6CD393

Analogous

#C66CD3

#D36C78

#D36CAC

Triadic

#D36CAC

#ACD36C

#6CACD3

Split Complementary

#D36CAC

#78D36C

#6CD3C6

Tetradic

#D36CAC

#D3C66C

#6CD393

#6C78D3

Color Blindness Simulation

Original

#D36CAC

Protanopia

#A6A69D

Deuteranopia

#ACB499

Tritanopia

#CE908E

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EFC8E0
300
#E3A1CA
400
#D46EAD
500
#C43B90
600
#9D2F73
700
#7E265C
800
#621D48
900
#481936
950
#2D1022

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026