#EB6414

#EB6414

Color Values

HEX

#EB6414

RGB

235, 100, 20

HSL

22,3, 84,3%, 50,0%

HSV

22,3, 91,5%, 92,2%

CMYK

0,0%, 57,4%, 91,5%, 7,8%

OKLCH

0,6633 0,1849 44,4

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#EB6414

#149BEB

Analogous

#EB1430

#EBCF14

#EB6414

Triadic

#EB6414

#14EB64

#6414EB

Split Complementary

#EB6414

#14EBCF

#1430EB

Tetradic

#EB6414

#30EB14

#149BEB

#CF14EB

Color Blindness Simulation

Original

#EB6414

Protanopia

#B1AF27

Deuteranopia

#B8C22C

Tritanopia

#E4373A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE0
200
#F9D4BD
300
#F5B58E
400
#F08C51
500
#EB6414
600
#BC5010
700
#96400D
800
#75320A
900
#55270C
950
#361907

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,37:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026