#E229AB

#E229AB

Color Values

HEX

#E229AB

RGB

226, 41, 171

HSL

317.8, 76.1%, 52.4%

HSV

317.8, 81.9%, 88.6%

CMYK

0.0%, 81.9%, 24.3%, 11.4%

OKLCH

0.6241 0.2441 343.8

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#E229AB

#29E260

Analogous

#BC29E2

#E2294F

#E229AB

Triadic

#E229AB

#ABE229

#29ABE2

Split Complementary

#E229AB

#4FE229

#29E2BC

Tetradic

#E229AB

#E2BC29

#29E260

#294FE2

Color Blindness Simulation

Original

#E229AB

Protanopia

#92908C

Deuteranopia

#9DAA84

Tritanopia

#D9736D

Achromatopsia

#5A5A5A

CSS Usage

background-color: #E229AB;
color: #E229AB;
border-color: #E229AB;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF2F9
100
#F9E2F2
200
#F6C0E6
300
#F093D5
400
#E859BE
500
#E11EA7
600
#B41886
700
#90146B
800
#700F53
900
#520F3E
950
#340A27

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026