Recognised as Colour

#BA0631

#BA0631
Red
Dark
Nearest: Firebrick

#BA0631 is a red with RGB values 186, 6, 49 and HSL 346°, 94%, 38%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#BA0631#BA0631

HEX#BA0631

RGBrgb(186, 6, 49)

RGB (0–1)0.7294, 0.0235, 0.1922

RGB percentages72.9%, 2.4%, 19.2%

HSLhsl(345.7, 93.7%, 37.6%)

HSV / HSBhsv(345.7, 96.8%, 72.9%)

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

24-bit integer12,191,281

CSS custom property--colour: #BA0631;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.65:1

Contrast with white6.65:1WCAG normal text: AA

Contrast with black3.16:1WCAG normal text: Fail

Greyscale equivalent#2F2F2F

Inverted#45F9CE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4B4631no red cones; affects about 1% of men; ΔE 67.9 from the original

Deuteranopia#74692Bno green cones; the most common form, about 1% of men; ΔE 68.1 from the original

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

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

Contrast with white, large text6.65:1WCAG large text: AAA

Contrast with black, large text3.16:1WCAG large text: AA

Named colours

Firebrick · ΔE 11.3 Crimson · ΔE 11.5 Brown · ΔE 14 Dark red · ΔE 20.6 Maroon · ΔE 22.5 Indian red · ΔE 24.6

Nearest named CSS colourFirebrick (#B22222)ΔE 11.29, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#06BA8F

Analogous#BA068B, #BA3506

Triadic#31BA06, #0631BA

Split complementary#06BA35, #068BBA

Tetradic#8BBA06, #06BA8F, #3506BA

Tints, shades & saturation

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

Lighter +40%#FB91AA

Lighter +30%#FA5F84

Lighter +20%#F82E5E

Lighter +10%#EB083E

Darker −10%#890424

Darker −20%#570317

Darker −30%#26010A

Darker −40%#000000

More saturated +25%#C0002E

Less saturated −25%#A21E3E

Channel breakdown

R186

B49

Red186 (72.9%)

Green6 (2.4%)

Blue49 (19.2%)

Hue345.67°

Saturation (HSL)93.75%

Lightness37.65%

Dominant channelRed

Hex per channelR BA · G 06 · B 31

Keep nerding

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

#BA0631

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