#EA100F

#EA100F

Color Values

HEX

#EA100F

RGB

234, 16, 15

HSL

0.3, 88.0%, 48.8%

HSV

0.3, 93.6%, 91.8%

CMYK

0.0%, 93.2%, 93.6%, 8.2%

OKLCH

0.5922 0.2376 28.8

Properties

Warm Dark Nearest: red 2

Color Harmonies

Complementary

#EA100F

#0FE9EA

Analogous

#EA0F7B

#EA7E0F

#EA100F

Triadic

#EA100F

#0FEA10

#100FEA

Split Complementary

#EA100F

#0FEA7E

#0F7BEA

Tetradic

#EA100F

#7BEA0F

#0FE9EA

#7E0FEA

Color Blindness Simulation

Original

#EA100F

Protanopia

#8C8A0F

Deuteranopia

#98A90F

Tritanopia

#DF0F0F

Achromatopsia

#3E3E3E

CSS Usage

background-color: #EA100F;
color: #EA100F;
border-color: #EA100F;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88C8C
400
#F44E4E
500
#F0100F
600
#C00D0C
700
#990B0A
800
#780808
900
#570A0A
950
#370706

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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