#D348D4

#D348D4

Color Values

HEX

#D348D4

RGB

211, 72, 212

HSL

299.6, 61.9%, 55.7%

HSV

299.6, 66.0%, 83.1%

CMYK

0.5%, 66.0%, 0.0%, 16.9%

OKLCH

0.6451 0.2326 327.6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D348D4

#49D448

Analogous

#8D48D4

#D4488F

#D348D4

Triadic

#D348D4

#D4D348

#48D4D3

Split Complementary

#D348D4

#8FD448

#48D48D

Tetradic

#D348D4

#D48D48

#49D448

#488FD4

Color Blindness Simulation

Original

#D348D4

Protanopia

#9796B2

Deuteranopia

#9FA9AA

Tritanopia

#CC9792

Achromatopsia

#707070

CSS Usage

background-color: #D348D4;
color: #D348D4;
border-color: #D348D4;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F1C5F1
300
#E79CE8
400
#DA66DB
500
#CD31CE
600
#A427A5
700
#831F84
800
#671867
900
#4B154B
950
#2F0E30

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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