Recognised as Colour

#B5531A

#B5531A
Orange
Dark
Nearest: Chocolate

#B5531A is a orange with RGB values 181, 83, 26 and HSL 22°, 75%, 41%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#B5531A#B5531A

HEX#B5531A

RGBrgb(181, 83, 26)

RGB (0–1)0.7098, 0.3255, 0.102

RGB percentages71%, 32.5%, 10.2%

HSLhsl(22.1, 74.9%, 40.6%)

HSV / HSBhsv(22.1, 85.6%, 71%)

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

24-bit integer11,883,290

CSS custom property--colour: #B5531A;

Brightness & contrast

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

Perceived brightness118 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.98:1

Contrast with white4.98:1WCAG normal text: AA

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

Greyscale equivalent#646464

Inverted#4AACE5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

Contrast with white, large text4.98:1WCAG large text: AAA

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

Named colours

Chocolate · ΔE 11.8 Sienna · ΔE 15.6 Saddle brown · ΔE 16.1 Peru · ΔE 21.2 Coral · ΔE 22.1 Firebrick · ΔE 23.8

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1A7CB5

Analogous#B51A2E, #B5A11A

Triadic#1AB553, #531AB5

Split complementary#1AB5A0, #1A2FB5

Tetradic#2EB51A, #1A7CB5, #A01AB5

Tints, shades & saturation

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

Lighter +40%#F3C4A8

Lighter +30%#ECA57C

Lighter +20%#E6874F

Lighter +10%#DF6823

Darker −10%#883F14

Darker −20%#5C2A0D

Darker −30%#2F1607

Darker −40%#030100

More saturated +25%#CF4C00

Less saturated −25%#9B5A34

Channel breakdown

R181

G83

B26

Red181 (71%)

Green83 (32.5%)

Blue26 (10.2%)

Hue22.06°

Saturation (HSL)74.88%

Lightness40.59%

Dominant channelRed

Hex per channelR B5 · G 53 · B 1A

Keep nerding

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

#B5531A

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