Colour

#B42828

#B42828
Red
Dark
Nearest: Firebrick

#B42828 is a red with RGB values 180, 40, 40 and HSL 0°, 64%, 43%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#B42828#B42828

HEX#B42828

RGBrgb(180, 40, 40)

RGB (0–1)0.7059, 0.1569, 0.1569

RGB percentages70.6%, 15.7%, 15.7%

HSLhsl(0, 63.6%, 43.1%)

HSV / HSBhsv(0, 77.8%, 70.6%)

CMYK0%, 77.8%, 77.8%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,806,760

CSS custom property--colour: #B42828;

Brightness & contrast

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

Perceived brightness104 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.41:1

Contrast with white6.41:1WCAG normal text: AA

Contrast with black3.27:1WCAG normal text: Fail

Greyscale equivalent#464646

Inverted#4BD7D7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#534B26no red cones; affects about 1% of men; ΔE 59.3 from the original

Deuteranopia#766A22no green cones; the most common form, about 1% of men; ΔE 59.6 from the original

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

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

Contrast with white, large text6.41:1WCAG large text: AAA

Contrast with black, large text3.27:1WCAG large text: AA

Named colours

Firebrick · ΔE 2.6 Brown · ΔE 7.7 Dark red · ΔE 14 Maroon · ΔE 16.4 Crimson · ΔE 17.5 Indian red · ΔE 21.3

Nearest named CSS colourFirebrick (#B22222)ΔE 2.59, a close match

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#28B4B4

Analogous#B4286E, #B46E28

Triadic#28B428, #2828B4

Split complementary#28B46E, #286EB4

Tetradic#6EB428, #28B4B4, #6E28B4

Tints, shades & saturation

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

Lighter +40%#EFB9B9

Lighter +30%#E68F8F

Lighter +20%#DD6565

Lighter +10%#D43B3B

Darker −10%#8A1F1F

Darker −20%#611515

Darker −30%#370C0C

Darker −40%#0D0303

More saturated +25%#D00D0D

Less saturated −25%#994444

Channel breakdown

R180

G40

B40

Red180 (70.6%)

Green40 (15.7%)

Blue40 (15.7%)

Hue0°

Saturation (HSL)63.64%

Lightness43.14%

Dominant channelRed

Hex per channelR B4 · G 28 · B 28

Keep nerding

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

#B42828

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