Colour
#BB5102
- #BB5102
- Orange
- Dark
- Nearest: Chocolate
#BB5102 is a orange with RGB values 187, 81, 2 and HSL 26°, 98%, 37%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Chocolate.
Colour values
#BB5102#BB5102
HEX#BB5102
RGBrgb(187, 81, 2)
RGB (0–1)0.7333, 0.3176, 0.0078
RGB percentages73.3%, 31.8%, 0.8%
HSLhsl(25.6, 97.9%, 37.1%)
HSV / HSBhsv(25.6, 98.9%, 73.3%)
CMYK0%, 56.7%, 98.9%, 26.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,275,970
CSS custom property--colour: #BB5102;
Brightness & contrast
Relative luminance0.16454WCAG 2.x, 0 is black and 1 is white
Perceived brightness119.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.89:1
Contrast with white4.89:1WCAG normal text: AA
Contrast with black4.29:1WCAG normal text: Fail
Greyscale equivalent#626262
Inverted#44AEFD
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.89:1WCAG large text: AAA
Contrast with black, large text4.29:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#026CBB
Analogous#BB0210, #BBAD02
Triadic#02BB51, #5102BB
Split complementary#02BBAE, #020FBB
Tetradic#10BB02, #026CBB, #AE02BB
Tints, shades & saturation
Channel breakdown
R187
G81
B2
Red187 (73.3%)
Green81 (31.8%)
Blue2 (0.8%)
Hue25.62°
Saturation (HSL)97.88%
Lightness37.06%
Dominant channelRed
Hex per channelR BB · G 51 · B 02
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