#E378B5

#E378B5

Color Values

HEX

#E378B5

RGB

227, 120, 181

HSL

325.8, 65.6%, 68.0%

HSV

325.8, 47.1%, 89.0%

CMYK

0.0%, 47.1%, 20.3%, 11.0%

OKLCH

0.7112 0.1498 346.3

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#E378B5

#78E3A6

Analogous

#DB78E3

#E3787F

#E378B5

Triadic

#E378B5

#B5E378

#78B5E3

Split Complementary

#E378B5

#7FE378

#78E3DB

Tetradic

#E378B5

#E3DB78

#78E3A6

#787FE3

Color Blindness Simulation

Original

#E378B5

Protanopia

#B5B4A6

Deuteranopia

#BBC3A3

Tritanopia

#DE9B98

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EF
200
#F3C4DF
300
#EA9AC7
400
#DF63A9
500
#D32C8B
600
#A9236F
700
#871C59
800
#6A1646
900
#4D1434
950
#310D21

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

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