#EC841C

#EC841C

Color Values

HEX

#EC841C

RGB

236, 132, 28

HSL

30.0, 84.6%, 51.8%

HSV

30.0, 88.1%, 92.5%

CMYK

0.0%, 44.1%, 88.1%, 7.5%

OKLCH

0.7133 0.1633 57.8

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#EC841C

#1C84EC

Analogous

#EC1C1C

#ECEC1C

#EC841C

Triadic

#EC841C

#1CEC84

#841CEC

Split Complementary

#EC841C

#1CECEC

#1C1CEC

Tetradic

#EC841C

#1CEC1C

#1C84EC

#EC1CEC

Color Blindness Simulation

Original

#EC841C

Protanopia

#BFBE35

Deuteranopia

#C5CD3B

Tritanopia

#E7494D

Achromatopsia

#939393

CSS Usage

background-color: #EC841C;
color: #EC841C;
border-color: #EC841C;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADBBD
300
#F6C28E
400
#F0A151
500
#EB8014
600
#BC6610
700
#97520D
800
#76400A
900
#55300C
950
#361F07

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

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