#FD952D

Vivid Orange

HEX

RGB

HSL

About #FD952D Vivid Orange

#FD952D is a vivid orange color. In the RGB color model, it is composed of 253 red, 149 green, and 45 blue. In the HSL color space, it has a hue of 30°, saturation of 98%, and lightness of 58%.

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 & Gradients

Use #FD952D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

30°

Hue

98%

Saturation

58%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#FD952D on White
Contrast Ratio2.21:1
AA AA Large AAA
Aa#FD952D on Black
Contrast Ratio9.51:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #FD952D across different color formats.

FormatValue
HEX#FD952D
RGBrgb(253, 149, 45)
HSLhsl(30, 98%, 58%)
RGB Decimal253, 149, 45
RGB Percent99.2%, 58.4%, 17.6%
CMYK (approx.)0%, 41%, 82%, 1%

Related Palettes

12 palettes using #FD952D or similar colors

#2589F4#F49025#F425F0#25F428
#257EF4#F49A25#F425E6#25F433
#F91FF2#1FF927#F9941F#1F85F9
#1FF92A#F91FEE#1F81F9#F9971F
#1F81F9#F9971F#F91FEE#1FF92A
#F9971F#1F81F9#1FF92A#F91FEE
#F91FEE#1FF92A#F9971F#1F81F9
#1FF923#F91FF6#1F89F9#F9901F
#F9901F#1F89F9#1FF923#F91FF6
#1F89F9#F9901F#F91FF6#1FF923
#F99B1F#1F7EF9#1FF92E#F91FEB
#28F425#F025F4#2590F4#F48925