#ED79B3

#ED79B3

Color Values

HEX

#ED79B3

RGB

237, 121, 179

HSL

330.0, 76.3%, 70.2%

HSV

330.0, 48.9%, 92.9%

CMYK

0.0%, 48.9%, 24.5%, 7.1%

OKLCH

0.7247 0.1563 350.4

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#ED79B3

#79EDB3

Analogous

#ED79ED

#ED7979

#ED79B3

Triadic

#ED79B3

#B3ED79

#79B3ED

Split Complementary

#ED79B3

#79ED79

#79EDED

Tetradic

#ED79B3

#EDED79

#79EDB3

#7979ED

Color Blindness Simulation

Original

#ED79B3

Protanopia

#BBBAA5

Deuteranopia

#C2CAA2

Tritanopia

#E79A97

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2ED
200
#F7C0DB
300
#F093C2
400
#E959A1
500
#E11E80
600
#B41866
700
#901352
800
#700F40
900
#520F30
950
#340A1F

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.99:1

AA Pass AAA Pass

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