Recognised as Colour
#C22D4E
- #C22D4E
- Red
- Dark
- Nearest: Brown
#C22D4E is a red with RGB values 194, 45, 78 and HSL 347°, 62%, 47%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Brown.
Colour values
#C22D4E#C22D4E
HEX#C22D4E
RGBrgb(194, 45, 78)
RGB (0–1)0.7608, 0.1765, 0.3059
RGB percentages76.1%, 17.6%, 30.6%
HSLhsl(346.7, 62.3%, 46.9%)
HSV / HSBhsv(346.7, 76.8%, 76.1%)
CMYK0%, 76.8%, 59.8%, 23.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,725,582
CSS custom property--colour: #C22D4E;
Brightness & contrast
Relative luminance0.13896WCAG 2.x, 0 is black and 1 is white
Perceived brightness114.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.56:1
Contrast with white5.56:1WCAG normal text: AA
Contrast with black3.78:1WCAG normal text: Fail
Greyscale equivalent#4F4F4F
Inverted#3DD2B1
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.56:1WCAG large text: AAA
Contrast with black, large text3.78:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2DC2A1
Analogous#C22D99, #C2562D
Triadic#4EC22D, #2D4EC2
Split complementary#2DC256, #2D99C2
Tetradic#99C22D, #2DC2A1, #562DC2
Tints, shades & saturation
Channel breakdown
R194
G45
B78
Red194 (76.1%)
Green45 (17.6%)
Blue78 (30.6%)
Hue346.71°
Saturation (HSL)62.34%
Lightness46.86%
Dominant channelRed
Hex per channelR C2 · G 2D · B 4E
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