Colour

#BA4E10

#BA4E10
Orange
Dark
Nearest: Chocolate

#BA4E10 is a orange with RGB values 186, 78, 16 and HSL 22°, 84%, 40%. 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

#BA4E10#BA4E10

HEX#BA4E10

RGBrgb(186, 78, 16)

RGB (0–1)0.7294, 0.3059, 0.0627

RGB percentages72.9%, 30.6%, 6.3%

HSLhsl(21.9, 84.2%, 39.6%)

HSV / HSBhsv(21.9, 91.4%, 72.9%)

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

24-bit integer12,209,680

CSS custom property--colour: #BA4E10;

Brightness & contrast

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

Perceived brightness118.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.02:1

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

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

Greyscale equivalent#606060

Inverted#45B1EF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 10.7 Saddle brown · ΔE 20.8 Sienna · ΔE 20.9 Coral · ΔE 21.6 Firebrick · ΔE 22.7 Tomato · ΔE 23.7

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#107CBA

Analogous#BA1027, #BAA310

Triadic#10BA4E, #4E10BA

Split complementary#10BAA3, #1027BA

Tetradic#27BA10, #107CBA, #A310BA

Tints, shades & saturation

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

Lighter +40%#F7BF9F

Lighter +30%#F3A070

Lighter +20%#EF8141

Lighter +10%#E96214

Darker −10%#8B3A0C

Darker −20%#5C2708

Darker −30%#2D1304

Darker −40%#000000

More saturated +25%#CA4A00

Less saturated −25%#A15529

Channel breakdown

R186

G78

B16

Red186 (72.9%)

Green78 (30.6%)

Blue16 (6.3%)

Hue21.88°

Saturation (HSL)84.16%

Lightness39.61%

Dominant channelRed

Hex per channelR BA · G 4E · B 10

Keep nerding

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

#BA4E10

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