#EC6413

#EC6413

Color Values

HEX

#EC6413

RGB

236, 100, 19

HSL

22.4, 85.1%, 50.0%

HSV

22.4, 91.9%, 92.5%

CMYK

0.0%, 57.6%, 91.9%, 7.5%

OKLCH

0.6648 0.186 44.4

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#EC6413

#139BEC

Analogous

#EC132E

#ECD113

#EC6413

Triadic

#EC6413

#13EC64

#6413EC

Split Complementary

#EC6413

#13ECD1

#132EEC

Tetradic

#EC6413

#2EEC13

#139BEC

#D113EC

Color Blindness Simulation

Original

#EC6413

Protanopia

#B1B027

Deuteranopia

#B9C32B

Tritanopia

#E53639

Achromatopsia

#7B7B7B

CSS Usage

background-color: #EC6413;
color: #EC6413;
border-color: #EC6413;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF6F2
100
#FAEAE0
200
#FAD4BD
300
#F6B58E
400
#F18C50
500
#EC6413
600
#BD500F
700
#97400C
800
#763209
900
#56270B
950
#361907

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

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