#E60778

#E60778

Color Values

HEX

#E60778

RGB

230, 7, 120

HSL

329.6, 94.1%, 46.5%

HSV

329.6, 97.0%, 90.2%

CMYK

0.0%, 97.0%, 47.8%, 9.8%

OKLCH

0.5998 0.2405 0.8

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#E60778

#07E675

Analogous

#E507E6

#E60708

#E60778

Triadic

#E60778

#78E607

#0778E6

Split Complementary

#E60778

#08E607

#07E6E5

Tetradic

#E60778

#E6E507

#07E675

#0708E6

Color Blindness Simulation

Original

#E60778

Protanopia

#85845D

Deuteranopia

#92A356

Tritanopia

#DB4742

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FB88C3
400
#F948A2
500
#F70881
600
#C60667
700
#9E0553
800
#7C0441
900
#590731
950
#39051F

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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