#AD5C10

Vivid Orange

HEX

RGB

HSL

About #AD5C10 Vivid Orange

#AD5C10 is a vivid orange color. In the RGB color model, it is composed of 173 red, 92 green, and 16 blue. In the HSL color space, it has a hue of 29°, saturation of 83%, and lightness of 37%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

29°

Hue

83%

Saturation

37%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#AD5C10 on White
Contrast Ratio4.87:1
AA AA Large AAA
Aa#AD5C10 on Black
Contrast Ratio4.32:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AD5C10 across different color formats.

FormatValue
HEX#AD5C10
RGBrgb(173, 92, 16)
HSLhsl(29, 83%, 37%)
RGB Decimal173, 92, 16
RGB Percent67.8%, 36.1%, 6.3%
CMYK (approx.)0%, 47%, 91%, 32%

Related Palettes

12 palettes using #AD5C10 or similar colors

#B25E1A#DCD43D#B8E87D#C2F2C0
#AD5A1F#D6CA42#BCEC79#C1F5BC
#B1661B#DCDC3D#B3EE77#C0F2C0
#A95F23#E1D937#B7E184#C0F5BD
#B26E1A#DCE534#ADEE77#BCF5BF
#A66026#DBD33E#B8E97C#C3F1C0
#B0701C#D3DE3A#ACE481#BDF4C1
#A65726#DAC83E#BFE97C#C5F3BF
#B1731B#D5E335#AAE87D#BDF4C2
#B77615#C4D247#A6EF76#C0F2C5
#C35B22#DEBA45#D3E779#C8F0AD
#C35D22#DEBD45#D1E779#C7F0AD