Recognised as Colour
#BA413E
- #BA413E
- Red
- Dark
- Nearest: Brown
#BA413E is a red with RGB values 186, 65, 62 and HSL 1°, 50%, 49%. It is a dark colour, so white text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Brown.
Colour values
#BA413E#BA413E
HEX#BA413E
RGBrgb(186, 65, 62)
RGB (0–1)0.7294, 0.2549, 0.2431
RGB percentages72.9%, 25.5%, 24.3%
HSLhsl(1.5, 50%, 48.6%)
HSV / HSBhsv(1.5, 66.7%, 72.9%)
CMYK0%, 65.1%, 66.7%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,206,398
CSS custom property--colour: #BA413E;
Brightness & contrast
Relative luminance0.14567WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.37:1
Contrast with white5.37:1WCAG normal text: AA
Contrast with black3.91:1WCAG normal text: Fail
Greyscale equivalent#5B5B5B
Inverted#45BEC1
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.37:1WCAG large text: AAA
Contrast with black, large text3.91:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3EB7BA
Analogous#BA3E79, #BA7F3E
Triadic#3EBA41, #413EBA
Split complementary#3EBA7F, #3E79BA
Tetradic#79BA3E, #3EB7BA, #7F3EBA
Tints, shades & saturation
Channel breakdown
R186
G65
B62
Red186 (72.9%)
Green65 (25.5%)
Blue62 (24.3%)
Hue1.45°
Saturation (HSL)50%
Lightness48.63%
Dominant channelRed
Hex per channelR BA · G 41 · B 3E
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