Colour
#C33F16
- #C33F16
- Red
- Dark
- Nearest: Firebrick
#C33F16 is a red with RGB values 195, 63, 22 and HSL 14°, 80%, 43%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Firebrick.
Colour values
#C33F16#C33F16
HEX#C33F16
RGBrgb(195, 63, 22)
RGB (0–1)0.7647, 0.2471, 0.0863
RGB percentages76.5%, 24.7%, 8.6%
HSLhsl(14.2, 79.7%, 42.5%)
HSV / HSBhsv(14.2, 88.7%, 76.5%)
CMYK0%, 67.7%, 88.7%, 23.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,795,670
CSS custom property--colour: #C33F16;
Brightness & contrast
Relative luminance0.15215WCAG 2.x, 0 is black and 1 is white
Perceived brightness117.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.19:1
Contrast with white5.19:1WCAG normal text: AA
Contrast with black4.04:1WCAG normal text: Fail
Greyscale equivalent#585858
Inverted#3CC0E9
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.19:1WCAG large text: AAA
Contrast with black, large text4.04:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#169AC3
Analogous#C31643, #C39516
Triadic#16C33F, #3F16C3
Split complementary#16C396, #1643C3
Tetradic#44C316, #169AC3, #9616C3
Tints, shades & saturation
Channel breakdown
R195
G63
B22
Red195 (76.5%)
Green63 (24.7%)
Blue22 (8.6%)
Hue14.22°
Saturation (HSL)79.72%
Lightness42.55%
Dominant channelRed
Hex per channelR C3 · G 3F · B 16
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