Colour
#A22033
- #A22033
- Red
- Dark
- Nearest: Brown
#A22033 is a red with RGB values 162, 32, 51 and HSL 351°, 67%, 38%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Brown.
Colour values
#A22033#A22033
HEX#A22033
RGBrgb(162, 32, 51)
RGB (0–1)0.6353, 0.1255, 0.2
RGB percentages63.5%, 12.5%, 20%
HSLhsl(351.2, 67%, 38%)
HSV / HSBhsv(351.2, 80.2%, 63.5%)
CMYK0%, 80.2%, 68.5%, 36.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,625,075
CSS custom property--colour: #A22033;
Brightness & contrast
Relative luminance0.08953WCAG 2.x, 0 is black and 1 is white
Perceived brightness93.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.53:1
Contrast with white7.53:1WCAG normal text: AAA
Contrast with black2.79:1WCAG normal text: Fail
Greyscale equivalent#3D3D3D
Inverted#5DDFCC
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.53:1WCAG large text: AAA
Contrast with black, large text2.79:1WCAG large text: Fail
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#20A28F
Analogous#A22074, #A24E20
Triadic#33A220, #2033A2
Split complementary#20A24E, #2074A2
Tetradic#74A220, #20A28F, #4E20A2
Tints, shades & saturation
Channel breakdown
R162
G32
B51
Red162 (63.5%)
Green32 (12.5%)
Blue51 (20%)
Hue351.23°
Saturation (HSL)67.01%
Lightness38.04%
Dominant channelRed
Hex per channelR A2 · G 20 · B 33
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