#D46BA9

#D46BA9

Color Values

HEX

#D46BA9

RGB

212, 107, 169

HSL

324.6, 55.0%, 62.5%

HSV

324.6, 49.5%, 83.1%

CMYK

0.0%, 49.5%, 20.3%, 16.9%

OKLCH

0.6689 0.1501 345.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D46BA9

#6BD496

Analogous

#CB6BD4

#D46B74

#D46BA9

Triadic

#D46BA9

#A9D46B

#6BA9D4

Split Complementary

#D46BA9

#74D46B

#6BD4CB

Tetradic

#D46BA9

#D4CB6B

#6BD496

#6B74D4

Color Blindness Simulation

Original

#D46BA9

Protanopia

#A7A69A

Deuteranopia

#ADB496

Tritanopia

#CF8E8C

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EFC8DF
300
#E3A0C8
400
#D56DAA
500
#C6398C
600
#9E2E70
700
#7E255A
800
#631D46
900
#481835
950
#2E0F21

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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