#B03E0C

Vivid Orange

HEX

RGB

HSL

About #B03E0C Vivid Orange

#B03E0C is a vivid orange color. In the RGB color model, it is composed of 176 red, 62 green, and 12 blue. In the HSL color space, it has a hue of 18°, saturation of 87%, 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

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

Color Properties

18°

Hue

87%

Saturation

37%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#B03E0C on White
Contrast Ratio5.93:1
AA AA Large AAA
Aa#B03E0C on Black
Contrast Ratio3.54:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B03E0C across different color formats.

FormatValue
HEX#B03E0C
RGBrgb(176, 62, 12)
HSLhsl(18, 87%, 37%)
RGB Decimal176, 62, 12
RGB Percent69.0%, 24.3%, 4.7%
CMYK (approx.)0%, 65%, 93%, 31%

Related Palettes

12 palettes using #B03E0C or similar colors

#B44118#D6B443#CCEA7B#C9F5BC
#C33D22#DE9E45#E7E779#D4F0AD
#A63526#D99E40#DAE67F#D3F3BE
#A53A27#E6A732#DAEA7B#D1F4BD
#A64A26#E3BD36#CAEA7B#C9F4BD
#C33522#DE9645#E7E279#D8F0AD
#AC2720#E29536#E9EF76#D6F7BA
#C35022#DEB045#DAE779#CCF0AD
#F39C12#D35400#C0392B#7F8C8D
#8E44AD#9B59B6#E74C3C#C0392B
#E74C3C#C0392B#34495E#2C3E50
#3498DB#2980B9#E74C3C#C0392B