Recognised as Colour
#B20C02
- #B20C02
- Red
- Dark
- Nearest: Firebrick
#B20C02 is a red with RGB values 178, 12, 2 and HSL 3°, 98%, 35%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Firebrick.
Colour values
#B20C02#B20C02
HEX#B20C02
RGBrgb(178, 12, 2)
RGB (0–1)0.698, 0.0471, 0.0078
RGB percentages69.8%, 4.7%, 0.8%
HSLhsl(3.4, 97.8%, 35.3%)
HSV / HSBhsv(3.4, 98.9%, 69.8%)
CMYK0%, 93.3%, 98.9%, 30.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,668,482
CSS custom property--colour: #B20C02;
Brightness & contrast
Relative luminance0.09732WCAG 2.x, 0 is black and 1 is white
Perceived brightness97.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.13:1
Contrast with white7.13:1WCAG normal text: AAA
Contrast with black2.95:1WCAG normal text: Fail
Greyscale equivalent#2F2F2F
Inverted#4DF3FD
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.13:1WCAG large text: AAA
Contrast with black, large text2.95:1WCAG large text: Fail
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#02A8B2
Analogous#B20250, #B26402
Triadic#02B20C, #0C02B2
Split complementary#02B264, #0250B2
Tetradic#50B202, #02A8B2, #6402B2
Tints, shades & saturation
Channel breakdown
R178
G12
B2
Red178 (69.8%)
Green12 (4.7%)
Blue2 (0.8%)
Hue3.41°
Saturation (HSL)97.78%
Lightness35.29%
Dominant channelRed
Hex per channelR B2 · G 0C · B 02
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