Recognised as Colour

#B54F08

#B54F08
Orange
Dark
Nearest: Chocolate

#B54F08 is a orange with RGB values 181, 79, 8 and HSL 25°, 92%, 37%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#B54F08#B54F08

HEX#B54F08

RGBrgb(181, 79, 8)

RGB (0–1)0.7098, 0.3098, 0.0314

RGB percentages71%, 31%, 3.1%

HSLhsl(24.6, 91.5%, 37.1%)

HSV / HSBhsv(24.6, 95.6%, 71%)

CMYK0%, 56.4%, 95.6%, 29%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,882,248

CSS custom property--colour: #B54F08;

Brightness & contrast

Relative luminance0.15433WCAG 2.x, 0 is black and 1 is white

Perceived brightness116 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.14:1

Contrast with white5.14:1WCAG normal text: AA

Contrast with black4.09:1WCAG normal text: Fail

Greyscale equivalent#606060

Inverted#4AB0F7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6D5F00no red cones; affects about 1% of men; ΔE 42.8 from the original

Deuteranopia#857601no green cones; the most common form, about 1% of men; ΔE 43.5 from the original

Tritanopia#C73644no blue cones; rare, and affects men and women equally; ΔE 33.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text5.14:1WCAG large text: AAA

Contrast with black, large text4.09:1WCAG large text: AA

Named colours

Chocolate · ΔE 10.2 Saddle brown · ΔE 19.7 Sienna · ΔE 20.6 Coral · ΔE 23.2 Peru · ΔE 23.8 Firebrick · ΔE 25.1

Nearest named CSS colourChocolate (#D2691E)ΔE 10.21, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#086EB5

Analogous#B50817, #B5A608

Triadic#08B54F, #4F08B5

Split complementary#08B5A6, #0818B5

Tetradic#17B508, #086EB5, #A608B5

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FABB8F

Lighter +30%#F89D5E

Lighter +20%#F6802D

Lighter +10%#E6640A

Darker −10%#843A06

Darker −20%#532404

Darker −30%#220F02

Darker −40%#000000

More saturated +25%#BD4E00

Less saturated −25%#9D5320

Channel breakdown

R181

G79

Red181 (71%)

Green79 (31%)

Blue8 (3.1%)

Hue24.62°

Saturation (HSL)91.53%

Lightness37.06%

Dominant channelRed

Hex per channelR B5 · G 4F · B 08

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#B54F08

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else