#EB5350

#EB5350

Color Values

HEX

#EB5350

RGB

235, 83, 80

HSL

1.2, 79.5%, 61.8%

HSV

1.2, 66.0%, 92.2%

CMYK

0.0%, 64.7%, 66.0%, 7.8%

OKLCH

0.6476 0.1884 25.1

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#EB5350

#50E8EB

Analogous

#EB509A

#EBA150

#EB5350

Triadic

#EB5350

#50EB53

#5350EB

Split Complementary

#EB5350

#50EBA1

#509AEB

Tetradic

#EB5350

#9AEB50

#50E8EB

#A150EB

Color Blindness Simulation

Original

#EB5350

Protanopia

#A9A851

Deuteranopia

#B2BD51

Tritanopia

#E35151

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E2E1
200
#F8C0BF
300
#F29391
400
#EC5956
500
#E51E1A
600
#B71815
700
#921311
800
#720F0D
900
#530F0E
950
#340A09

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

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