#D46EC4

#D46EC4

Color Values

HEX

#D46EC4

RGB

212, 110, 196

HSL

309.4, 54.3%, 63.1%

HSV

309.4, 48.1%, 83.1%

CMYK

0.0%, 48.1%, 7.5%, 16.9%

OKLCH

0.6839 0.1651 333.4

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D46EC4

#6ED47E

Analogous

#B16ED4

#D46E91

#D46EC4

Triadic

#D46EC4

#C4D46E

#6EC4D4

Split Complementary

#D46EC4

#91D46E

#6ED4B1

Tetradic

#D46EC4

#D4B16E

#6ED47E

#6E91D4

Color Blindness Simulation

Original

#D46EC4

Protanopia

#A8A7AF

Deuteranopia

#AEB5AA

Tritanopia

#CF9F9B

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A1D9
400
#D46DC4
500
#C53AAF
600
#9D2F8C
700
#7E2570
800
#621D58
900
#481941
950
#2E1029

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026