#B35300

Vivid Orange

HEX

RGB

HSL

About #B35300 Vivid Orange

#B35300 is a vivid orange color. In the RGB color model, it is composed of 179 red, 83 green, and 0 blue. In the HSL color space, it has a hue of 28°, saturation of 100%, and lightness of 35%.

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

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

Color Properties

28°

Hue

100%

Saturation

35%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#B35300 on White
Contrast Ratio5.06:1
AA AA Large AAA
Aa#B35300 on Black
Contrast Ratio4.15:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B35300 across different color formats.

FormatValue
HEX#B35300
RGBrgb(179, 83, 0)
HSLhsl(28, 100%, 35%)
RGB Decimal179, 83, 0
RGB Percent70.2%, 32.5%, 0.0%
CMYK (approx.)0%, 54%, 100%, 30%

Related Palettes

12 palettes using #B35300 or similar colors

#B44118#D6B443#CCEA7B#C9F5BC
#F39C12#D35400#C0392B#7F8C8D
#2ECC71#27AE60#E67E22#D35400
#E67E22#D35400#95A5A6#7F8C8D
#9B59B6#8E44AD#E67E22#D35400
#B1661B#DCDC3D#B3EE77#C0F2C0
#B26E1A#DCE534#ADEE77#BCF5BF
#C35522#DEB545#D7E779#CAF0AD
#C35022#DEB045#DAE779#CCF0AD
#C35B22#DEBA45#D3E779#C8F0AD
#C35D22#DEBD45#D1E779#C7F0AD
#C36022#DEBF45#CFE779#C6F0AD