#E18C1F

Color Details

HEX
#E18C1F
RGB
rgb(225, 140, 31)
HSL
hsl(34, 76%, 50%)
CMYK
cmyk(0%, 38%, 86%, 12%)
Best text on this color #000000 (CR 7.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #e18c1f
Contrast 7.97:1 AAA
White on #e18c1f
Contrast 2.63:1 Fail
#e18c1f on Black
Contrast 7.97:1 AAA
#e18c1f on White
Contrast 2.63:1 Fail

Tints & Shades

#e7a34c
#edba79
#f3d1a5
#b47019
#875413
#5a380c

Complement & Analogous

#1f73e0
#d3e01f
#e02c1f

Triadic

#1fe08c
#8c1fe0

Monochrome

#5a380c #875413 #e18c1f #edba79 #f3d1a5 #f9e8d2

Analogous

#e02c1f #e96b62 #e18c1f #dce64c #d3e01f #a9b319

Complementary Mix

#875413 #e18c1f #edba79 #1f73e0 #6da4eb #144b92

Nearby Colors

#e18c1e
#e18c20
#e18c0f
#e18c2f

Embed #E18C1F swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #E18C1F

#E18C1F converts to RGB(225, 140, 31) and HSL(34, 76%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#E18C1F FAQs

What is the RGB value of #E18C1F?
RGB: 225, 140, 31. Copy as CSS: rgb(225, 140, 31)
Is #E18C1F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #E18C1F?
Complement: #1f73e0.
Does #E18C1F have good contrast on white or black?
On white: 2.63:1 (Fails AA). On black: 7.97:1 (AAA (normal text)).