#E48CB0

#E48CB0

Color Values

HEX

#E48CB0

RGB

228, 140, 176

HSL

335.5, 62.0%, 72.2%

HSV

335.5, 38.6%, 89.4%

CMYK

0.0%, 38.6%, 22.8%, 10.6%

OKLCH

0.7417 0.115 354.2

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#E48CB0

#8CE4C0

Analogous

#E48CDC

#E4948C

#E48CB0

Triadic

#E48CB0

#B0E48C

#8CB0E4

Split Complementary

#E48CB0

#8CE494

#8CDCE4

Tetradic

#E48CB0

#DCE48C

#8CE4C0

#948CE4

Color Blindness Simulation

Original

#E48CB0

Protanopia

#BEBDA7

Deuteranopia

#C3CAA5

Tritanopia

#E0A09F

Achromatopsia

#A1A1A1

CSS Usage

background-color: #E48CB0;
color: #E48CB0;
border-color: #E48CB0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FBF3F7
100
#F7E4EB
200
#F1C5D7
300
#E89CBB
400
#DB6696
500
#CF3071
600
#A5275A
700
#841F48
800
#671839
900
#4B152B
950
#300E1B

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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