#BF660D

Vivid Orange

HEX

RGB

HSL

About #BF660D Vivid Orange

#BF660D is a vivid orange color. In the RGB color model, it is composed of 191 red, 102 green, and 13 blue. In the HSL color space, it has a hue of 30°, saturation of 87%, and lightness of 40%.

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 #BF660D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

30°

Hue

87%

Saturation

40%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#BF660D on White
Contrast Ratio4.1:1
AA AA Large AAA
Aa#BF660D on Black
Contrast Ratio5.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BF660D across different color formats.

FormatValue
HEX#BF660D
RGBrgb(191, 102, 13)
HSLhsl(30, 87%, 40%)
RGB Decimal191, 102, 13
RGB Percent74.9%, 40.0%, 5.1%
CMYK (approx.)0%, 47%, 93%, 25%

Related Palettes

12 palettes using #BF660D or similar colors

#B77615#C4D247#A6EF76#C0F2C5
#B1661B#DCDC3D#B3EE77#C0F2C0
#B26E1A#DCE534#ADEE77#BCF5BF
#B25E1A#DCD43D#B8E87D#C2F2C0
#C36822#DEC745#CAE779#C2F0AD
#C36B22#DECA45#C8E779#C1F0AD
#C36022#DEBF45#CFE779#C6F0AD
#C36D22#DECC45#C6E779#C0F0AD
#C35D22#DEBD45#D1E779#C7F0AD
#B0701C#D3DE3A#ACE481#BDF4C1
#C37022#DECF45#C4E779#BFF0AD
#B1731B#D5E335#AAE87D#BDF4C2