#F5280E

Color Details

HEX
#F5280E
RGB
rgb(245, 40, 14)
HSL
hsl(7, 92%, 51%)
CMYK
cmyk(0%, 84%, 94%, 4%)
Best text on this color #000000 (CR 5.19:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f5280e
Contrast 5.19:1 AA
White on #f5280e
Contrast 4.04:1 Fail
#f5280e on Black
Contrast 5.19:1 AA
#f5280e on White
Contrast 4.04:1 Fail

Tints & Shades

#f7533e
#f97e6e
#fba99f
#c4200b
#931808
#621006

Complement & Analogous

#0fdaf5
#f59d0f
#f50f67

Triadic

#0ff52a
#2a0ff5

Monochrome

#621006 #931808 #f5280e #f97e6e #fba99f #fdd4cf

Analogous

#f50f67 #f85795 #f5280e #f7b13f #f59d0f #c47e0c

Complementary Mix

#931808 #f5280e #f97e6e #0fdaf5 #63e7f9 #0a8e9f

Nearby Colors

#f5280d
#f5280f
#f527fe
#f5281e

Embed #F5280E swatch

Embed this swatch

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

Open image

About #F5280E

#F5280E converts to RGB(245, 40, 14) and HSL(7, 92%, 51%). 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).

#F5280E FAQs

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