Nerdulator> put something in

Colour

#BA3100

  • #BA3100
  • Orange
  • Dark
  • Nearest: Firebrick

#BA3100 is a orange with RGB values 186, 49, 0 and HSL 16°, 100%, 36%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#BA3100#BA3100
HEX#BA3100
RGBrgb(186, 49, 0)
RGB (0–1)0.7294, 0.1922, 0
RGB percentages72.9%, 19.2%, 0%
HSLhsl(15.8, 100%, 36.5%)
HSV / HSBhsv(15.8, 100%, 72.9%)
CMYK0%, 73.7%, 100%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,202,240
CSS custom property--colour: #BA3100;

Brightness & contrast

Relative luminance0.12636WCAG 2.x, 0 is black and 1 is white
Perceived brightness108.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.95:1
Contrast with white5.95:1WCAG normal text: AA
Contrast with black3.53:1WCAG normal text: Fail
Greyscale equivalent#4B4B4B
Inverted#45CEFF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5C5000no red cones; affects about 1% of men; ΔE 58.1 from the original
Deuteranopia#7D6F00no green cones; the most common form, about 1% of men; ΔE 58.2 from the original
Tritanopia#CE002Ano blue cones; rare, and affects men and women equally; ΔE 22.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.95:1WCAG large text: AAA
Contrast with black, large text3.53:1WCAG large text: AA

Named colours

Firebrick · ΔE 17.4Dark red · ΔE 19.4Chocolate · ΔE 21.2Tomato · ΔE 22.1Maroon · ΔE 23.9Brown · ΔE 24.6
Nearest named CSS colourFirebrick (#B22222)ΔE 17.36, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0089BA
Analogous#BA002C, #BA8E00
Triadic#00BA31, #3100BA
Split complementary#00BA8E, #002CBA
Tetradic#2CBA00, #0089BA, #8E00BA

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFA787
Lighter +30%#FF8154
Lighter +20%#FF5B21
Lighter +10%#ED3E00
Darker −10%#872400
Darker −20%#541600
Darker −30%#210900
Darker −40%#000000
More saturated +25%#BA3100
Less saturated −25%#A33C17

Channel breakdown

R186
G49
B0
Red186 (72.9%)
Green49 (19.2%)
Blue0 (0%)
Hue15.81°
Saturation (HSL)100%
Lightness36.47%
Dominant channelRed
Hex per channelR BA · G 31 · B 00

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “ba3100” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.