Recognised as Colour
#B24E12
- #B24E12
- Orange
- Dark
- Nearest: Chocolate
#B24E12 is a orange with RGB values 178, 78, 18 and HSL 23°, 82%, 38%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Chocolate.
Colour values
#B24E12#B24E12
HEX#B24E12
RGBrgb(178, 78, 18)
RGB (0–1)0.698, 0.3059, 0.0706
RGB percentages69.8%, 30.6%, 7.1%
HSLhsl(22.5, 81.6%, 38.4%)
HSV / HSBhsv(22.5, 89.9%, 69.8%)
CMYK0%, 56.2%, 89.9%, 30.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,685,394
CSS custom property--colour: #B24E12;
Brightness & contrast
Relative luminance0.14957WCAG 2.x, 0 is black and 1 is white
Perceived brightness114.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.26:1
Contrast with white5.26:1WCAG normal text: AA
Contrast with black3.99:1WCAG normal text: Fail
Greyscale equivalent#5F5F5F
Inverted#4DB1ED
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.26:1WCAG large text: AAA
Contrast with black, large text3.99:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1276B2
Analogous#B21226, #B29E12
Triadic#12B24E, #4E12B2
Split complementary#12B29E, #1226B2
Tetradic#26B212, #1276B2, #9E12B2
Tints, shades & saturation
Channel breakdown
R178
G78
B18
Red178 (69.8%)
Green78 (30.6%)
Blue18 (7.1%)
Hue22.5°
Saturation (HSL)81.63%
Lightness38.43%
Dominant channelRed
Hex per channelR B2 · G 4E · B 12
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