Recognised as Colour
#AB312E
- #AB312E
- Red
- Dark
- Nearest: Brown
#AB312E is a red with RGB values 171, 49, 46 and HSL 1°, 58%, 43%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Brown.
Colour values
#AB312E#AB312E
HEX#AB312E
RGBrgb(171, 49, 46)
RGB (0–1)0.6706, 0.1922, 0.1804
RGB percentages67.1%, 19.2%, 18%
HSLhsl(1.4, 57.6%, 42.5%)
HSV / HSBhsv(1.4, 73.1%, 67.1%)
CMYK0%, 71.3%, 73.1%, 32.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,219,246
CSS custom property--colour: #AB312E;
Brightness & contrast
Relative luminance0.11052WCAG 2.x, 0 is black and 1 is white
Perceived brightness101.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.54:1
Contrast with white6.54:1WCAG normal text: AA
Contrast with black3.21:1WCAG normal text: Fail
Greyscale equivalent#4B4B4B
Inverted#54CED1
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.54:1WCAG large text: AAA
Contrast with black, large text3.21:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2EA8AB
Analogous#AB2E6A, #AB6F2E
Triadic#2EAB31, #312EAB
Split complementary#2EAB70, #2E69AB
Tetradic#6AAB2E, #2EA8AB, #702EAB
Tints, shades & saturation
Channel breakdown
R171
G49
B46
Red171 (67.1%)
Green49 (19.2%)
Blue46 (18%)
Hue1.44°
Saturation (HSL)57.6%
Lightness42.55%
Dominant channelRed
Hex per channelR AB · G 31 · B 2E
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