Colour

#B03C19

#B03C19
Red
Dark
Nearest: Firebrick

#B03C19 is a red with RGB values 176, 60, 25 and HSL 14°, 75%, 39%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#B03C19#B03C19

HEX#B03C19

RGBrgb(176, 60, 25)

RGB (0–1)0.6902, 0.2353, 0.098

RGB percentages69%, 23.5%, 9.8%

HSLhsl(13.9, 75.1%, 39.4%)

HSV / HSBhsv(13.9, 85.8%, 69%)

CMYK0%, 65.9%, 85.8%, 31%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,549,721

CSS custom property--colour: #B03C19;

Brightness & contrast

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

Perceived brightness107 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.99:1

Contrast with white5.99:1WCAG normal text: AA

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

Greyscale equivalent#525252

Inverted#4FC3E6

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5E5313no red cones; affects about 1% of men; ΔE 50.1 from the original

Deuteranopia#7A6D12no green cones; the most common form, about 1% of men; ΔE 50.7 from the original

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

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

Contrast with white, large text5.99:1WCAG large text: AAA

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

Named colours

Firebrick · ΔE 12.8 Dark red · ΔE 15.4 Brown · ΔE 15.5 Maroon · ΔE 18 Sienna · ΔE 18.8 Saddle brown · ΔE 20.1

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#198DB0

Analogous#B01942, #B08819

Triadic#19B03C, #3C19B0

Split complementary#19B087, #1942B0

Tetradic#42B019, #198DB0, #8719B0

Tints, shades & saturation

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

Lighter +40%#F2B5A3

Lighter +30%#EC9276

Lighter +20%#E56E4A

Lighter +10%#DD4B1F

Darker −10%#832D13

Darker −20%#571E0C

Darker −30%#2A0E06

Darker −40%#000000

More saturated +25%#C92F00

Less saturated −25%#974932

Channel breakdown

R176

G60

B25

Red176 (69%)

Green60 (23.5%)

Blue25 (9.8%)

Hue13.91°

Saturation (HSL)75.12%

Lightness39.41%

Dominant channelRed

Hex per channelR B0 · G 3C · B 19

Keep nerding

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

#B03C19

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