Recognised as Colour
#BD422D
- #BD422D
- Red
- Dark
- Nearest: Firebrick
#BD422D is a red with RGB values 189, 66, 45 and HSL 9°, 62%, 46%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Firebrick.
Colour values
#BD422D#BD422D
HEX#BD422D
RGBrgb(189, 66, 45)
RGB (0–1)0.7412, 0.2588, 0.1765
RGB percentages74.1%, 25.9%, 17.6%
HSLhsl(8.8, 61.5%, 45.9%)
HSV / HSBhsv(8.8, 76.2%, 74.1%)
CMYK0%, 65.1%, 76.2%, 25.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,403,245
CSS custom property--colour: #BD422D;
Brightness & contrast
Relative luminance0.14905WCAG 2.x, 0 is black and 1 is white
Perceived brightness116.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.28:1
Contrast with white5.28:1WCAG normal text: AA
Contrast with black3.98:1WCAG normal text: Fail
Greyscale equivalent#5B5B5B
Inverted#42BDD2
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.28:1WCAG large text: AAA
Contrast with black, large text3.98:1WCAG large text: AA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2DA8BD
Analogous#BD2D60, #BD8A2D
Triadic#2DBD42, #422DBD
Split complementary#2DBD8A, #2D60BD
Tetradic#60BD2D, #2DA8BD, #8A2DBD
Tints, shades & saturation
Channel breakdown
R189
G66
B45
Red189 (74.1%)
Green66 (25.9%)
Blue45 (17.6%)
Hue8.75°
Saturation (HSL)61.54%
Lightness45.88%
Dominant channelRed
Hex per channelR BD · G 42 · B 2D
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page