#E480AC

#E480AC

Color Values

HEX

#E480AC

RGB

228, 128, 172

HSL

333.6, 64.9%, 69.8%

HSV

333.6, 43.9%, 89.4%

CMYK

0.0%, 43.9%, 24.6%, 10.6%

OKLCH

0.7214 0.1327 353.1

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#E480AC

#80E4B8

Analogous

#E480DE

#E48680

#E480AC

Triadic

#E480AC

#ACE480

#80ACE4

Split Complementary

#E480AC

#80E486

#80DEE4

Tetradic

#E480AC

#DEE480

#80E4B8

#8680E4

Color Blindness Simulation

Original

#E480AC

Protanopia

#B9B8A1

Deuteranopia

#BEC69F

Tritanopia

#DF9997

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F2C4D9
300
#EA9ABD
400
#DE6399
500
#D22D76
600
#A8245E
700
#871D4B
800
#69163B
900
#4D142D
950
#300D1C

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026