Recognised as Colour
#A22E38
- #A22E38
- Red
- Dark
- Nearest: Brown
#A22E38 is a red with RGB values 162, 46, 56 and HSL 355°, 56%, 41%. It is a dark colour, so white text on it reaches 7:1 contrast (AAA for normal text). The nearest named colour is Brown.
Colour values
#A22E38#A22E38
HEX#A22E38
RGBrgb(162, 46, 56)
RGB (0–1)0.6353, 0.1804, 0.2196
RGB percentages63.5%, 18%, 22%
HSLhsl(354.8, 55.8%, 40.8%)
HSV / HSBhsv(354.8, 71.6%, 63.5%)
CMYK0%, 71.6%, 65.4%, 36.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,628,664
CSS custom property--colour: #A22E38;
Brightness & contrast
Relative luminance0.09921WCAG 2.x, 0 is black and 1 is white
Perceived brightness97.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.04:1
Contrast with white7.04:1WCAG normal text: AAA
Contrast with black2.98:1WCAG normal text: Fail
Greyscale equivalent#474747
Inverted#5DD1C7
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.04:1WCAG large text: AAA
Contrast with black, large text2.98:1WCAG large text: Fail
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2EA298
Analogous#A22E72, #A25E2E
Triadic#38A22E, #2E38A2
Split complementary#2EA25E, #2E72A2
Tetradic#72A22E, #2EA298, #5E2EA2
Tints, shades & saturation
Channel breakdown
R162
G46
B56
Red162 (63.5%)
Green46 (18%)
Blue56 (22%)
Hue354.83°
Saturation (HSL)55.77%
Lightness40.78%
Dominant channelRed
Hex per channelR A2 · G 2E · 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