#E174B0

#E174B0

Color Values

HEX

#E174B0

RGB

225, 116, 176

HSL

327.0, 64.5%, 66.9%

HSV

327.0, 48.4%, 88.2%

CMYK

0.0%, 48.4%, 21.8%, 11.8%

OKLCH

0.7011 0.1515 347.5

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#E174B0

#74E1A5

Analogous

#DC74E1

#E1747A

#E174B0

Triadic

#E174B0

#B0E174

#74B0E1

Split Complementary

#E174B0

#7AE174

#74E1DC

Tetradic

#E174B0

#E1DC74

#74E1A5

#747AE1

Color Blindness Simulation

Original

#E174B0

Protanopia

#B2B1A1

Deuteranopia

#B8C09E

Tritanopia

#DC9694

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F2C4DE
300
#E99AC6
400
#DE64A7
500
#D22D88
600
#A8246D
700
#861D57
800
#691744
900
#4D1433
950
#300D20

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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