#EC5346

#EC5346

Color Values

HEX

#EC5346

RGB

236, 83, 70

HSL

4.7, 81.4%, 60.0%

HSV

4.7, 70.3%, 92.5%

CMYK

0.0%, 64.8%, 70.3%, 7.5%

OKLCH

0.6477 0.191 28.4

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#EC5346

#46DFEC

Analogous

#EC468C

#ECA646

#EC5346

Triadic

#EC5346

#46EC53

#5346EC

Split Complementary

#EC5346

#46ECA6

#468CEC

Tetradic

#EC5346

#8CEC46

#46DFEC

#A646EC

Color Blindness Simulation

Original

#EC5346

Protanopia

#AAA849

Deuteranopia

#B3BE4A

Tritanopia

#E44C4C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F8C3BE
300
#F49890
400
#ED6054
500
#E72818
600
#B92013
700
#941A0F
800
#74140C
900
#54130D
950
#350C08

Contrast Checker

Text on white

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