#EA4086

#EA4086

Color Values

HEX

#EA4086

RGB

234, 64, 134

HSL

335.3, 80.2%, 58.4%

HSV

335.3, 72.6%, 91.8%

CMYK

0.0%, 72.6%, 42.7%, 8.2%

OKLCH

0.6394 0.2119 0.3

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#EA4086

#40EAA4

Analogous

#EA40DB

#EA4F40

#EA4086

Triadic

#EA4086

#86EA40

#4086EA

Split Complementary

#EA4086

#40EA4F

#40DBEA

Tetradic

#EA4086

#DBEA40

#40EAA4

#4F40EA

Color Blindness Simulation

Original

#EA4086

Protanopia

#A09F75

Deuteranopia

#AAB771

Tritanopia

#E16865

Achromatopsia

#696969

CSS Usage

background-color: #EA4086;
color: #EA4086;
border-color: #EA4086;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#F9E1EB
200
#F8BFD6
300
#F391B9
400
#EC5593
500
#E6196D
600
#B81458
700
#931046
800
#730D37
900
#530D2A
950
#35091B

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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