Colour

#B20C06

#B20C06
Red
Dark
Nearest: Firebrick

#B20C06 is a red with RGB values 178, 12, 6 and HSL 2°, 93%, 36%. 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

#B20C06#B20C06

HEX#B20C06

RGBrgb(178, 12, 6)

RGB (0–1)0.698, 0.0471, 0.0235

RGB percentages69.8%, 4.7%, 2.4%

HSLhsl(2.1, 93.5%, 36.1%)

HSV / HSBhsv(2.1, 96.6%, 69.8%)

CMYK0%, 93.3%, 96.6%, 30.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,668,486

CSS custom property--colour: #B20C06;

Brightness & contrast

Relative luminance0.09741WCAG 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.12:1

Contrast with white7.12:1WCAG normal text: AAA

Contrast with black2.95:1WCAG normal text: Fail

Greyscale equivalent#2F2F2F

Inverted#4DF3F9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4B4200no red cones; affects about 1% of men; ΔE 65.2 from the original

Deuteranopia#716400no green cones; the most common form, about 1% of men; ΔE 64.5 from the original

Tritanopia#C50010no blue cones; rare, and affects men and women equally; ΔE 7.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text7.12:1WCAG large text: AAA

Contrast with black, large text2.95:1WCAG large text: Fail

Named colours

Firebrick · ΔE 12.2 Dark red · ΔE 15 Maroon · ΔE 20 Brown · ΔE 21.1 Crimson · ΔE 21.4 Tomato · ΔE 25

Nearest named CSS colourFirebrick (#B22222)ΔE 12.22, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#06ACB2

Analogous#B20656, #B26206

Triadic#06B20C, #0C06B2

Split complementary#06B262, #0656B2

Tetradic#56B206, #06ACB2, #6206B2

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FB8D89

Lighter +30%#F95D58

Lighter +20%#F82E26

Lighter +10%#E30F08

Darker −10%#810904

Darker −20%#4F0503

Darker −30%#1E0201

Darker −40%#000000

More saturated +25%#B80600

Less saturated −25%#9B211D

Channel breakdown

R178

G12

Red178 (69.8%)

Green12 (4.7%)

Blue6 (2.4%)

Hue2.09°

Saturation (HSL)93.48%

Lightness36.08%

Dominant channelRed

Hex per channelR B2 · G 0C · B 06

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#B20C06

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else