Colour

#BA5B00

#BA5B00
Orange
Dark
Nearest: Chocolate

#BA5B00 is a orange with RGB values 186, 91, 0 and HSL 29°, 100%, 36%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#BA5B00#BA5B00

HEX#BA5B00

RGBrgb(186, 91, 0)

RGB (0–1)0.7294, 0.3569, 0

RGB percentages72.9%, 35.7%, 0%

HSLhsl(29.4, 100%, 36.5%)

HSV / HSBhsv(29.4, 100%, 72.9%)

CMYK0%, 51.1%, 100%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,212,992

CSS custom property--colour: #BA5B00;

Brightness & contrast

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

Perceived brightness123.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.58:1

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

Contrast with black4.58:1WCAG normal text: AA

Greyscale equivalent#696969

Inverted#45A4FF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#776800no red cones; affects about 1% of men; ΔE 39.1 from the original

Deuteranopia#8E7E00no green cones; the most common form, about 1% of men; ΔE 39.5 from the original

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

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

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

Contrast with black, large text4.58:1WCAG large text: AAA

Named colours

Chocolate · ΔE 7.4 Peru · ΔE 20.5 Saddle brown · ΔE 22.4 Coral · ΔE 23.8 Sienna · ΔE 23.8 Dark goldenrod · ΔE 26.5

Nearest named CSS colourChocolate (#D2691E)ΔE 7.39, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#005FBA

Analogous#BA0002, #BAB800

Triadic#00BA5B, #5B00BA

Split complementary#00BAB8, #0002BA

Tetradic#02BA00, #005FBA, #B800BA

Tints, shades & saturation

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

Lighter +40%#FFC287

Lighter +30%#FFA854

Lighter +20%#FF8E21

Lighter +10%#ED7400

Darker −10%#874200

Darker −20%#542900

Darker −30%#211000

Darker −40%#000000

More saturated +25%#BA5B00

Less saturated −25%#A35C17

Channel breakdown

R186

G91

Red186 (72.9%)

Green91 (35.7%)

Blue0 (0%)

Hue29.35°

Saturation (HSL)100%

Lightness36.47%

Dominant channelRed

Hex per channelR BA · G 5B · B 00

Keep nerding

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

#BA5B00

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