#ED776D

#ED776D

Color Values

HEX

#ED776D

RGB

237, 119, 109

HSL

4.7, 78.0%, 67.8%

HSV

4.7, 54.0%, 92.9%

CMYK

0.0%, 49.8%, 54.0%, 7.1%

OKLCH

0.7032 0.1474 26.5

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#ED776D

#6DE3ED

Analogous

#ED6DA3

#EDB76D

#ED776D

Triadic

#ED776D

#6DED77

#776DED

Split Complementary

#ED776D

#6DEDB7

#6DA3ED

Tetradic

#ED776D

#A3ED6D

#6DE3ED

#B76DED

Color Blindness Simulation

Original

#ED776D

Protanopia

#BAB96F

Deuteranopia

#C1CA70

Tritanopia

#E77172

Achromatopsia

#8F8F8F

CSS Usage

background-color: #ED776D;
color: #ED776D;
border-color: #ED776D;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F2
100
#F9E3E1
200
#F7C4BF
300
#F29A92
400
#EA6357
500
#E32C1C
600
#B62316
700
#911C12
800
#71160E
900
#52140E
950
#340C09

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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