#FB700C Color

Inspect #FB700C across formats, palettes, contrast and closest named color matches.

Color preview

#FB700C

Color formats

HEX
#FB700C
RGB
rgb(251, 112, 12)
RGBA
rgba(251, 112, 12, 1)
HSL
hsl(25, 97%, 52%)
HSV
hsv(25, 95%, 98%)
CMYK
cmyk(0%, 55%, 95%, 2%)
CSS variable
--color-primary: #FB700C;
Lowercase HEX
#fb700c

Shades

Tints

Tones

Harmony

CSS snippets for #FB700C

.color-fb700c {
  color: #FB700C;
  background-color: #FB700C;
}

Frequently asked questions

What color is #FB700C?+

#FB700C is a HEX color with RGB value rgb(251, 112, 12) and HSL value hsl(25, 97%, 52%). Its closest CSS named color is DarkOrange.

What is the closest Tailwind color to #FB700C?+

The closest Tailwind color is orange-500, available as the bg-orange-500 utility class.

Can I use this color in CSS?+

Yes. You can use the HEX, RGB, HSL or CSS variable output directly in CSS.

Related tools