#EB5F50

#EB5F50

Color Values

HEX

#EB5F50

RGB

235, 95, 80

HSL

5,8, 79,5%, 61,8%

HSV

5,8, 66,0%, 92,2%

CMYK

0,0%, 59,6%, 66,0%, 7,8%

OKLCH

0,6621 0,1764 28,8

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#EB5F50

#50DCEB

Analogous

#EB508F

#EBAD50

#EB5F50

Triadic

#EB5F50

#50EB5F

#5F50EB

Split Complementary

#EB5F50

#50EBAD

#508FEB

Tetradic

#EB5F50

#8FEB50

#50DCEB

#AD50EB

Color Blindness Simulation

Original

#EB5F50

Protanopia

#AEAD54

Deuteranopia

#B6C154

Tritanopia

#E45657

Achromatopsia

#7C7C7C

CSS Usage

background-color: #EB5F50;
color: #EB5F50;
border-color: #EB5F50;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C4BF
300
#F29B91
400
#EC6456
500
#E52E1A
600
#B72515
700
#921D11
800
#72170D
900
#53140E
950
#340D09

Contrast Checker

Text on white

3,34:1

AA Fail AAA Fail

Text on black

6,29: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