#8A3A0F

Orange

HEX

RGB

HSL

About #8A3A0F Orange

#8A3A0F is a orange color. In the RGB color model, it is composed of 138 red, 58 green, and 15 blue. In the HSL color space, it has a hue of 21°, saturation of 80%, and lightness of 30%.

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 #8A3A0F in your CSS, SCSS, or Tailwind projects.

Color Properties

21°

Hue

80%

Saturation

30%

Lightness

Orange

Color Harmonies

Colors that work well with #8A3A0F based on color theory.

Accessibility

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

Aa#8A3A0F on White
Contrast Ratio7.8:1
AA AA Large AAA
Aa#8A3A0F on Black
Contrast Ratio2.69:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #8A3A0F across different color formats.

FormatValue
HEX#8A3A0F
RGBrgb(138, 58, 15)
HSLhsl(21, 80%, 30%)
RGB Decimal138, 58, 15
RGB Percent54.1%, 22.7%, 5.9%
CMYK (approx.)0%, 58%, 89%, 46%

Related Palettes

12 palettes using #8A3A0F or similar colors

#250E0E#452B2B#822B2B#9B5050
#25130E#502A20#803F2E#8D685E
#1F1614#51281F#7E3E2F#9F5B4C
#231710#43352D#814D2C#8E705D
#24100F#4A2826#7E3230#9A5351
#A53A27#E6A732#DAEA7B#D1F4BD
#A63526#D99E40#DAE67F#D3F3BE
#231310#502820#7C3E31#AC513E
#A84024#E3B235#D2EB7A#CDF4BE
#26130D#4C2D24#7C4131#A25C48
#A64A26#E3BD36#CAEA7B#C9F4BD
#AB2D21#DA993E#E0E97C#D4F5BC