#EC9313

#EC9313

Color Values

HEX

#EC9313

RGB

236, 147, 19

HSL

35.4, 85.1%, 50.0%

HSV

35.4, 91.9%, 92.5%

CMYK

0.0%, 37.7%, 91.9%, 7.5%

OKLCH

0.7385 0.1597 66.8

Properties

Warm Light Nearest: orange 2

Color Harmonies

Complementary

#EC9313

#136CEC

Analogous

#EC2713

#D8EC13

#EC9313

Triadic

#EC9313

#13EC93

#9313EC

Split Complementary

#EC9313

#13D8EC

#2713EC

Tetradic

#EC9313

#13EC27

#136CEC

#EC13D8

Color Blindness Simulation

Original

#EC9313

Protanopia

#C5C532

Deuteranopia

#CBD139

Tritanopia

#E84A50

Achromatopsia

#9D9D9D

CSS Usage

background-color: #EC9313;
color: #EC9313;
border-color: #EC9313;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FAE1BD
300
#F6CB8E
400
#F1AF50
500
#EC9313
600
#BD760F
700
#975E0C
800
#764A09
900
#56370B
950
#362307

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026