#E25997

#E25997

Color Values

HEX

#E25997

RGB

226, 89, 151

HSL

332.8, 70.3%, 61.8%

HSV

332.8, 60.6%, 88.6%

CMYK

0.0%, 60.6%, 33.2%, 11.4%

OKLCH

0.6582 0.1807 355.1

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#E25997

#59E2A4

Analogous

#E259DC

#E26059

#E25997

Triadic

#E25997

#97E259

#5997E2

Split Complementary

#E25997

#59E260

#59DCE2

Tetradic

#E25997

#DCE259

#59E2A4

#6059E2

Color Blindness Simulation

Original

#E25997

Protanopia

#A7A588

Deuteranopia

#AFB984

Tritanopia

#DB7C7A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F4C2D9
300
#ED97BE
400
#E35E9A
500
#D92677
600
#AE1E5F
700
#8B184C
800
#6D133C
900
#4F122E
950
#320B1D

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026