#E062BA

#E062BA

Color Values

HEX

#E062BA

RGB

224, 98, 186

HSL

318.1, 67.0%, 63.1%

HSV

318.1, 56.2%, 87.8%

CMYK

0.0%, 56.2%, 17.0%, 12.2%

OKLCH

0.6794 0.1854 340.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#E062BA

#62E088

Analogous

#C762E0

#E0627B

#E062BA

Triadic

#E062BA

#BAE062

#62BAE0

Split Complementary

#E062BA

#7BE062

#62E0C7

Tetradic

#E062BA

#E0C762

#62E088

#627BE0

Color Blindness Simulation

Original

#E062BA

Protanopia

#A9A8A5

Deuteranopia

#B1BAA0

Tritanopia

#DA9490

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C3E5
300
#EB99D2
400
#E061BA
500
#D52AA1
600
#AA2281
700
#881B67
800
#6A1551
900
#4E133C
950
#310C26

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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