#ED5567

#ED5567

Color Values

HEX

#ED5567

RGB

237, 85, 103

HSL

352.9, 80.9%, 63.1%

HSV

352.9, 64.1%, 92.9%

CMYK

0.0%, 64.1%, 56.5%, 7.1%

OKLCH

0.6572 0.1867 17.0

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#ED5567

#55EDDB

Analogous

#ED55B3

#ED8F55

#ED5567

Triadic

#ED5567

#67ED55

#5567ED

Split Complementary

#ED5567

#55ED8F

#55B3ED

Tetradic

#ED5567

#B3ED55

#55EDDB

#8F55ED

Color Blindness Simulation

Original

#ED5567

Protanopia

#ABAA63

Deuteranopia

#B4BF62

Tritanopia

#E55F5E

Achromatopsia

#777777

CSS Usage

background-color: #ED5567;
color: #ED5567;
border-color: #ED5567;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F3
100
#F9E1E4
200
#F8BEC5
300
#F3909C
400
#ED5466
500
#E71831
600
#B91327
700
#94101F
800
#730C18
900
#540D16
950
#35080E

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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