#D480CC

#D480CC

Color Values

HEX

#D480CC

RGB

212, 128, 204

HSL

305.7, 49.4%, 66.7%

HSV

305.7, 39.6%, 83.1%

CMYK

0.0%, 39.6%, 3.8%, 16.9%

OKLCH

0.7141 0.1415 330.4

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D480CC

#80D488

Analogous

#B280D4

#D480A2

#D480CC

Triadic

#D480CC

#CCD480

#80CCD4

Split Complementary

#D480CC

#A2D480

#80D4B2

Tetradic

#D480CC

#D4B280

#80D488

#80A2D4

Color Blindness Simulation

Original

#D480CC

Protanopia

#B0AFBA

Deuteranopia

#B4BBB5

Tritanopia

#D0ABA8

Achromatopsia

#979797

CSS Usage

background-color: #D480CC;
color: #D480CC;
border-color: #D480CC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAEA
300
#E0A4DA
400
#CF72C6
500
#BE41B3
600
#98348F
700
#7A2972
800
#5F2059
900
#461B42
950
#2C112A

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

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