Nerdulator> put something in

Colour

#BB5322

  • #BB5322
  • Orange
  • Dark
  • Nearest: Chocolate

#BB5322 is a orange with RGB values 187, 83, 34 and HSL 19°, 69%, 43%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#BB5322#BB5322
HEX#BB5322
RGBrgb(187, 83, 34)
RGB (0–1)0.7333, 0.3255, 0.1333
RGB percentages73.3%, 32.5%, 13.3%
HSLhsl(19.2, 69.2%, 43.3%)
HSV / HSBhsv(19.2, 81.8%, 73.3%)
CMYK0%, 55.6%, 81.8%, 26.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,276,514
CSS custom property--colour: #BB5322;

Brightness & contrast

Relative luminance0.16867WCAG 2.x, 0 is black and 1 is white
Perceived brightness121 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.8:1
Contrast with white4.8:1WCAG normal text: AA
Contrast with black4.37:1WCAG normal text: Fail
Greyscale equivalent#666666
Inverted#44ACDD

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#70641Bno red cones; affects about 1% of men; ΔE 44.1 from the original
Deuteranopia#8A7B1Eno green cones; the most common form, about 1% of men; ΔE 44.1 from the original
Tritanopia#CE3B49no blue cones; rare, and affects men and women equally; ΔE 27.9 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.8:1WCAG large text: AAA
Contrast with black, large text4.37:1WCAG large text: AA

Named colours

Chocolate · ΔE 12.8Sienna · ΔE 15.6Saddle brown · ΔE 17.6Coral · ΔE 20.2Firebrick · ΔE 21.1Brown · ΔE 22.1
Nearest named CSS colourChocolate (#D2691E)ΔE 12.84, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#228ABB
Analogous#BB223D, #BBA022
Triadic#22BB53, #5322BB
Split complementary#22BBA0, #223DBB
Tetradic#3DBB22, #228ABB, #A022BB

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F2CAB7
Lighter +30%#EAAA8C
Lighter +20%#E28A61
Lighter +10%#DA6A36
Darker −10%#90401A
Darker −20%#652D12
Darker −30%#3A1A0A
Darker −40%#0E0603
More saturated +25%#D74906
Less saturated −25%#9F5D3E

Channel breakdown

R187
G83
B34
Red187 (73.3%)
Green83 (32.5%)
Blue34 (13.3%)
Hue19.22°
Saturation (HSL)69.23%
Lightness43.33%
Dominant channelRed
Hex per channelR BB · G 53 · B 22

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

Every value on this page was computed from “bb5322” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.