#E174AE

#E174AE

Color Values

HEX

#E174AE

RGB

225, 116, 174

HSL

328.1, 64.5%, 66.9%

HSV

328.1, 48.4%, 88.2%

CMYK

0.0%, 48.4%, 22.7%, 11.8%

OKLCH

0.7004 0.1503 348.5

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#E174AE

#74E1A7

Analogous

#DE74E1

#E17478

#E174AE

Triadic

#E174AE

#AEE174

#74AEE1

Split Complementary

#E174AE

#78E174

#74E1DE

Tetradic

#E174AE

#E1DE74

#74E1A7

#7478E1

Color Blindness Simulation

Original

#E174AE

Protanopia

#B2B1A0

Deuteranopia

#B8C09D

Tritanopia

#DC9592

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F2C4DD
300
#E99AC4
400
#DE64A5
500
#D22D85
600
#A8246A
700
#861D55
800
#691742
900
#4D1432
950
#300D20

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026