Colour

#820B21

#820B21
Red
Dark
Nearest: Brown

#820B21 is a red with RGB values 130, 11, 33 and HSL 349°, 84%, 28%. It is a dark colour, so white text on it reaches 10.4:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#820B21#820B21

HEX#820B21

RGBrgb(130, 11, 33)

RGB (0–1)0.5098, 0.0431, 0.1294

RGB percentages51%, 4.3%, 12.9%

HSLhsl(348.9, 84.4%, 27.6%)

HSV / HSBhsv(348.9, 91.5%, 51%)

CMYK0%, 91.5%, 74.6%, 49%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,522,529

CSS custom property--colour: #820B21;

Brightness & contrast

Relative luminance0.05095WCAG 2.x, 0 is black and 1 is white

Perceived brightness72.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.4:1

Contrast with white10.4:1WCAG normal text: AAA

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

Greyscale equivalent#262626

Inverted#7DF4DE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#343021no red cones; affects about 1% of men; ΔE 50.5 from the original

Deuteranopia#51481Dno green cones; the most common form, about 1% of men; ΔE 50.2 from the original

Tritanopia#900016no blue cones; rare, and affects men and women equally; ΔE 11.9 from the original

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

Contrast with white, large text10.4:1WCAG large text: AAA

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

Named colours

Brown · ΔE 13.7 Maroon · ΔE 16 Dark red · ΔE 19.5 Firebrick · ΔE 21.4 Indian red · ΔE 26.5 Sienna · ΔE 28.2

Nearest named CSS colourBrown (#A52A2A)ΔE 13.65, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0B826C

Analogous#820B5D, #82310B

Triadic#21820B, #0B2182

Split complementary#0B8231, #0B5D82

Tetradic#5C820B, #0B826C, #300B82

Tints, shades & saturation

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

Lighter +40%#F26781

Lighter +30%#EE385A

Lighter +20%#E01339

Lighter +10%#B10F2D

Darker −10%#530715

Darker −20%#240309

Darker −30%#000000

Darker −40%#000000

More saturated +25%#8D001A

Less saturated −25%#701D2C

Channel breakdown

R130

G11

B33

Red130 (51%)

Green11 (4.3%)

Blue33 (12.9%)

Hue348.91°

Saturation (HSL)84.4%

Lightness27.65%

Dominant channelRed

Hex per channelR 82 · G 0B · B 21

Keep nerding

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

#820B21

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