Colour
#A22D38
- #A22D38
- Red
- Dark
- Nearest: Brown
#A22D38 is a red with RGB values 162, 45, 56 and HSL 354°, 57%, 41%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Brown.
Colour values
#A22D38#A22D38
HEX#A22D38
RGBrgb(162, 45, 56)
RGB (0–1)0.6353, 0.1765, 0.2196
RGB percentages63.5%, 17.6%, 22%
HSLhsl(354.4, 56.5%, 40.6%)
HSV / HSBhsv(354.4, 72.2%, 63.5%)
CMYK0%, 72.2%, 65.4%, 36.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,628,408
CSS custom property--colour: #A22D38;
Brightness & contrast
Relative luminance0.09844WCAG 2.x, 0 is black and 1 is white
Perceived brightness96.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.07:1
Contrast with white7.07:1WCAG normal text: AAA
Contrast with black2.97:1WCAG normal text: Fail
Greyscale equivalent#474747
Inverted#5DD2C7
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.07:1WCAG large text: AAA
Contrast with black, large text2.97:1WCAG large text: Fail
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2DA297
Analogous#A22D72, #A25D2D
Triadic#38A22D, #2D38A2
Split complementary#2DA25C, #2D73A2
Tetradic#72A22D, #2DA297, #5D2DA2
Tints, shades & saturation
Channel breakdown
R162
G45
B56
Red162 (63.5%)
Green45 (17.6%)
Blue56 (22%)
Hue354.36°
Saturation (HSL)56.52%
Lightness40.59%
Dominant channelRed
Hex per channelR A2 · G 2D · B 38
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