#ED6512

#ED6512

Color Values

HEX

#ED6512

RGB

237, 101, 18

HSL

22.7, 85.9%, 50.0%

HSV

22.7, 92.4%, 92.9%

CMYK

0.0%, 57.4%, 92.4%, 7.1%

OKLCH

0.6676 0.1863 44.7

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#ED6512

#129AED

Analogous

#ED122D

#EDD212

#ED6512

Triadic

#ED6512

#12ED65

#6512ED

Split Complementary

#ED6512

#12EDD2

#122DED

Tetradic

#ED6512

#2DED12

#129AED

#D212ED

Color Blindness Simulation

Original

#ED6512

Protanopia

#B2B126

Deuteranopia

#BAC42B

Tritanopia

#E63639

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE0
200
#FAD4BD
300
#F6B58D
400
#F28D50
500
#ED6512
600
#BE510E
700
#98410C
800
#773209
900
#56270B
950
#361907

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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