#F12D0E

Color Details

HEX
#F12D0E
RGB
rgb(241, 45, 14)
HSL
hsl(8, 89%, 50%)
CMYK
cmyk(0%, 81%, 94%, 5%)
Best text on this color #000000 (CR 5.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f12d0e
Contrast 5.12:1 AA
White on #f12d0e
Contrast 4.10:1 Fail
#f12d0e on Black
Contrast 5.12:1 AA
#f12d0e on White
Contrast 4.10:1 Fail

Tints & Shades

#f4573e
#f7816e
#f9ab9f
#c1240b
#911b08
#601206

Complement & Analogous

#0ed3f1
#f19e0e
#f10e61

Triadic

#0ef12c
#2c0ef1

Monochrome

#601206 #911b08 #f12d0e #f7816e #f9ab9f #fcd5cf

Analogous

#f10e61 #f55690 #f12d0e #f4b13e #f19e0e #c17e0b

Complementary Mix

#911b08 #f12d0e #f7816e #0ed3f1 #62e2f6 #09899d

Nearby Colors

#f12d0d
#f12d0f
#f12cfe
#f12d1e

Embed #F12D0E swatch

Embed this swatch

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

Open image

About #F12D0E

#F12D0E converts to RGB(241, 45, 14) and HSL(8, 89%, 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).

#F12D0E FAQs

What is the RGB value of #F12D0E?
RGB: 241, 45, 14. Copy as CSS: rgb(241, 45, 14)
Is #F12D0E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F12D0E?
Complement: #0ed3f1.
Does #F12D0E have good contrast on white or black?
On white: 4.10:1 (AA (large text)). On black: 5.12:1 (AA (normal text)).