#D448CC

#D448CC

Color Values

HEX

#D448CC

RGB

212, 72, 204

HSL

303.4, 61.9%, 55.7%

HSV

303.4, 66.0%, 83.1%

CMYK

0.0%, 66.0%, 3.8%, 16.9%

OKLCH

0.6423 0.2269 330.2

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#D448CC

#48D450

Analogous

#9648D4

#D44886

#D448CC

Triadic

#D448CC

#CCD448

#48CCD4

Split Complementary

#D448CC

#86D448

#48D496

Tetradic

#D448CC

#D49648

#48D450

#4886D4

Color Blindness Simulation

Original

#D448CC

Protanopia

#9796AC

Deuteranopia

#A0AAA4

Tritanopia

#CD938D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #D448CC;
color: #D448CC;
border-color: #D448CC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F7E4F5
200
#F1C5EF
300
#E89CE3
400
#DB66D4
500
#CE31C5
600
#A5279E
700
#841F7E
800
#671863
900
#4B1548
950
#300E2E

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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