#FC4503

Vivid Orange

HEX

RGB

HSL

About #FC4503 Vivid Orange

#FC4503 is a vivid orange color. In the RGB color model, it is composed of 252 red, 69 green, and 3 blue. In the HSL color space, it has a hue of 16°, saturation of 98%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #FC4503 in your CSS, SCSS, or Tailwind projects.

Color Properties

16°

Hue

98%

Saturation

50%

Lightness

Vivid Orange

Color Harmonies

Colors that work well with #FC4503 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #FC4503 against white and black backgrounds.

Aa#FC4503 on White
Contrast Ratio3.5:1
AA AA Large AAA
Aa#FC4503 on Black
Contrast Ratio5.99:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #FC4503 across different color formats.

FormatValue
HEX#FC4503
RGBrgb(252, 69, 3)
HSLhsl(16, 98%, 50%)
RGB Decimal252, 69, 3
RGB Percent98.8%, 27.1%, 1.2%
CMYK (approx.)0%, 73%, 99%, 1%

Related Palettes

12 palettes using #FC4503 or similar colors

#B913EC#F10EB4#FD023D#FA4705
#EA1540#FC4E03#F4C60B#A9E718
#F10E4A#FD3C02#F1B40E#C2FC03
#EC134D#F64009#F9B806#C1F906
#FC03BE#FA0542#F5450A#FCBE03
#B213EC#F20DBD#F50A49#F5410A
#C505FA#F708B3#F10E3F#F54D0A
#EC1351#F23F0D#F2B10D#C3F708
#AE0BF4#FC03CA#F30C51#FD3402
#CF03FC#FB04AD#F00F38#F65409
#FF006E#FB5607#FFBE0B#8338EC
#F50AC6#F00F53#F13B0E#F5AF0A