Maroon Colors  ·  Color Library

Palettes / Colors / #EB2F00

#EB2F00 — Vivid Orange

#EB2F00 is a orange color we call Vivid Orange, closest to the named color OrangeRed (#FF4500). It belongs to the orange family.

#EB2F00 is a warm orange color associated with warmth, appetite and friendliness. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #00BCEB; it also sits naturally between #EB0046 and #EBA400. In the palettes below you can see it working alongside real color combinations from our collection.

#EB2F00 · RGB 235, 47, 0

Download PNG swatch SVG

Color values

HEX#EB2F00
RGB235, 47, 0
HSL12°, 100%, 46%
HSV12°, 100%, 92%
CMYK0%, 80%, 100%, 8%
XYZ35.28, 19.70, 1.94
Yxy19.70, 0.6198, 0.3460
CIE-Lab51.49, 68.42, 64.11
Hunter Lab44.38, 67.66, 27.06

RGB & CMYK percentages

Red 92% · Green 18% · Blue 0%

Cyan 0% · Magenta 80% · Yellow 100% · Key 8%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #EB2F00 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #EB2F00 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #EB2F00

.text { color: #EB2F00; }
.background { background-color: #EB2F00; }
.border { border: 3px solid #EB2F00; }
.text-rgb { color: rgb(235, 47, 0); }
.text-hsl { color: hsl(12, 100%, 46%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EB2F00; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(235, 47, 0, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EB2F00; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(235, 47, 0, 0.8); }

HTML: <p style="color:#EB2F00">Text here</p> · <div style="background-color:#EB2F00">Div content here</div>

Shades of #EB2F00

#D62B00#C22700#A82200#941E00#801900#6B1500#571100#3D0C00#290800#140400

Tints of #EB2F00

#FF3705#FF4B1F#FF6038#FF7452#FF896B#FF9D85#FFB19E#FFC6B8#FFDAD1#FFEFEB

Tones of #EB2F00

#DA3910#C94322#B84D32#A85743#976153#866B65

Color harmonies

Complementary — #00BCEB:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.25:1 AA large only
Against black text4.94:1 AA

Best text color on #EB2F00: #000000.

How #EB2F00 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #9A980BDeuteranopia · #A5B30ETritanopia · #E21416

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind red 600 · #DC2626Tailwind orange 600 · #EA580CMaterial Deep Orange 500 · #FF5722

Palettes with a similar color

These palettes use a close neighbour of #EB2F00 rather than the exact color:

Palette 093fb4
#093FB4 · #FFFCFB · #FFD8D8 · #ED3500
Palette 00bcd4
#00BCD4 · #B2EBF2 · #FF5722 · #DD2C00
Sunset Boulevard
#6A040F · #DC2F02 · #F48C06 · #FFBA08
Hidden Drift
#BA130E · #E02206 · #F16344 · #E9C1A0
Honey Ruby Canyon
#86271F · #E82710 · #EA9560 · #EAC192
Palette 288fb4
#288FB4 · #1D556F · #EFDDB2 · #FA360A

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#ED3500#DD2C00#DC2F02#E02206#E82710#FA360A#EA2F14#EB2A15#F62E14#F93910#FC4100#DB3E10

Browse neighbouring colors

← #EB2EFF  ·  #EB2F01 →

Frequently asked questions

What color is #EB2F00?

#EB2F00 is Vivid Orange, a orange color (RGB 235, 47, 0). Its closest standard named color is OrangeRed.

What is the RGB and HSL of #EB2F00?

#EB2F00 is RGB 235, 47, 0 — HSL 12°, 100%, 46% — CMYK 0%, 80%, 100%, 8%.

What colors go with #EB2F00?

Its complement is #00BCEB; analogous partners are #EB0046 and #EBA400. It also appears in 6+ palettes in our collection.

Can I use #EB2F00 for text?

Black text on #EB2F00 has a contrast ratio of 4.94:1 (passes WCAG AA); white text gives 4.25:1.