#D46AC8

#D46AC8

Color Values

HEX

#D46AC8

RGB

212, 106, 200

HSL

306.8, 55.2%, 62.4%

HSV

306.8, 50.0%, 83.1%

CMYK

0.0%, 50.0%, 5.7%, 16.9%

OKLCH

0.6801 0.1749 331.7

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D46AC8

#6AD476

Analogous

#AB6AD4

#D46A93

#D46AC8

Triadic

#D46AC8

#C8D46A

#6AC8D4

Split Complementary

#D46AC8

#93D46A

#6AD4AB

Tetradic

#D46AC8

#D4AB6A

#6AD476

#6A93D4

Color Blindness Simulation

Original

#D46AC8

Protanopia

#A6A5B1

Deuteranopia

#ACB4AC

Tritanopia

#CF9F9B

Achromatopsia

#878787

CSS Usage

background-color: #D46AC8;
color: #D46AC8;
border-color: #D46AC8;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F6E5F4
200
#EFC8EB
300
#E4A0DC
400
#D56DC9
500
#C639B6
600
#9E2E92
700
#7F2574
800
#631D5B
900
#491843
950
#2E0F2A

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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