Recognised as Colour
#B42A12
- #B42A12
- Red
- Dark
- Nearest: Firebrick
#B42A12 is a red with RGB values 180, 42, 18 and HSL 9°, 82%, 39%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Firebrick.
Colour values
#B42A12#B42A12
HEX#B42A12
RGBrgb(180, 42, 18)
RGB (0–1)0.7059, 0.1647, 0.0706
RGB percentages70.6%, 16.5%, 7.1%
HSLhsl(8.9, 81.8%, 38.8%)
HSV / HSBhsv(8.9, 90%, 70.6%)
CMYK0%, 76.7%, 90%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,807,250
CSS custom property--colour: #B42A12;
Brightness & contrast
Relative luminance0.11403WCAG 2.x, 0 is black and 1 is white
Perceived brightness103.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.4:1
Contrast with white6.4:1WCAG normal text: AA
Contrast with black3.28:1WCAG normal text: Fail
Greyscale equivalent#464646
Inverted#4BD5ED
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.4:1WCAG large text: AAA
Contrast with black, large text3.28:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#129CB4
Analogous#B4124B, #B47B12
Triadic#12B42A, #2A12B4
Split complementary#12B47B, #124BB4
Tetradic#4BB412, #129CB4, #7B12B4
Tints, shades & saturation
Channel breakdown
R180
G42
B18
Red180 (70.6%)
Green42 (16.5%)
Blue18 (7.1%)
Hue8.89°
Saturation (HSL)81.82%
Lightness38.82%
Dominant channelRed
Hex per channelR B4 · G 2A · B 12
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