Recognised as Colour
#B2431D
- #B2431D
- Orange
- Dark
- Nearest: Firebrick
#B2431D is a orange with RGB values 178, 67, 29 and HSL 15°, 72%, 41%. It is a dark colour, so white text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Firebrick.
Colour values
#B2431D#B2431D
HEX#B2431D
RGBrgb(178, 67, 29)
RGB (0–1)0.698, 0.2627, 0.1137
RGB percentages69.8%, 26.3%, 11.4%
HSLhsl(15.3, 72%, 40.6%)
HSV / HSBhsv(15.3, 83.7%, 69.8%)
CMYK0%, 62.4%, 83.7%, 30.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,682,589
CSS custom property--colour: #B2431D;
Brightness & contrast
Relative luminance0.13568WCAG 2.x, 0 is black and 1 is white
Perceived brightness110.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.65:1
Contrast with white5.65:1WCAG normal text: AA
Contrast with black3.71:1WCAG normal text: Fail
Greyscale equivalent#585858
Inverted#4DBCE2
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.65:1WCAG large text: AAA
Contrast with black, large text3.71:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1D8CB2
Analogous#B21D41, #B28E1D
Triadic#1DB243, #431DB2
Split complementary#1DB28E, #1D41B2
Tetradic#42B21D, #1D8CB2, #8E1DB2
Tints, shades & saturation
Channel breakdown
R178
G67
B29
Red178 (69.8%)
Green67 (26.3%)
Blue29 (11.4%)
Hue15.3°
Saturation (HSL)71.98%
Lightness40.59%
Dominant channelRed
Hex per channelR B2 · G 43 · B 1D
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