Recognised as Colour

#BD3E2A

#BD3E2A
Red
Dark
Nearest: Firebrick

#BD3E2A is a red with RGB values 189, 62, 42 and HSL 8°, 64%, 45%. It is a dark colour, so white text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#BD3E2A#BD3E2A

HEX#BD3E2A

RGBrgb(189, 62, 42)

RGB (0–1)0.7412, 0.2431, 0.1647

RGB percentages74.1%, 24.3%, 16.5%

HSLhsl(8.2, 63.6%, 45.3%)

HSV / HSBhsv(8.2, 77.8%, 74.1%)

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

24-bit integer12,402,218

CSS custom property--colour: #BD3E2A;

Brightness & contrast

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

Perceived brightness114.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.4:1

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

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

Greyscale equivalent#585858

Inverted#42C1D5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Firebrick · ΔE 8.6 Brown · ΔE 11.8 Dark red · ΔE 16.9 Maroon · ΔE 19.5 Tomato · ΔE 20.2 Indian red · ΔE 20.3

Nearest named CSS colourFirebrick (#B22222)ΔE 8.6, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2AA9BD

Analogous#BD2A5F, #BD882A

Triadic#2ABD3E, #3E2ABD

Split complementary#2ABD87, #2A60BD

Tetradic#60BD2A, #2AA9BD, #872ABD

Tints, shades & saturation

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

Lighter +40%#F1C8C2

Lighter +30%#E8A398

Lighter +20%#DF7E6E

Lighter +10%#D65844

Darker −10%#933021

Darker −20%#6A2317

Darker −30%#40150E

Darker −40%#160705

More saturated +25%#DA290D

Less saturated −25%#A05347

Channel breakdown

R189

G62

B42

Red189 (74.1%)

Green62 (24.3%)

Blue42 (16.5%)

Hue8.16°

Saturation (HSL)63.64%

Lightness45.29%

Dominant channelRed

Hex per channelR BD · G 3E · B 2A

Keep nerding

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

#BD3E2A

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