Colour

#BB4F19

#BB4F19
Orange
Dark
Nearest: Chocolate

#BB4F19 is a orange with RGB values 187, 79, 25 and HSL 20°, 76%, 42%. 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

#BB4F19#BB4F19

HEX#BB4F19

RGBrgb(187, 79, 25)

RGB (0–1)0.7333, 0.3098, 0.098

RGB percentages73.3%, 31%, 9.8%

HSLhsl(20, 76.4%, 41.6%)

HSV / HSBhsv(20, 86.6%, 73.3%)

CMYK0%, 57.8%, 86.6%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,275,481

CSS custom property--colour: #BB4F19;

Brightness & contrast

Relative luminance0.16227WCAG 2.x, 0 is black and 1 is white

Perceived brightness119.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.95:1

Contrast with white4.95:1WCAG normal text: AA

Contrast with black4.25:1WCAG normal text: Fail

Greyscale equivalent#626262

Inverted#44B0E6

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6E610Eno red cones; affects about 1% of men; ΔE 45.6 from the original

Deuteranopia#887914no green cones; the most common form, about 1% of men; ΔE 46 from the original

Tritanopia#CE3545no blue cones; rare, and affects men and women equally; ΔE 29.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.95:1WCAG large text: AAA

Contrast with black, large text4.25:1WCAG large text: AA

Named colours

Chocolate · ΔE 11.7 Sienna · ΔE 18.8 Saddle brown · ΔE 19.7 Coral · ΔE 20.6 Firebrick · ΔE 21 Tomato · ΔE 22.8

Nearest named CSS colourChocolate (#D2691E)ΔE 11.71, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#1985BB

Analogous#BB1934, #BBA019

Triadic#19BB4F, #4F19BB

Split complementary#19BBA0, #1934BB

Tetradic#34BB19, #1985BB, #A019BB

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F4C4AC

Lighter +30%#EEA47F

Lighter +20%#E88452

Lighter +10%#E26425

Darker −10%#8E3C13

Darker −20%#61290D

Darker −30%#341607

Darker −40%#070301

More saturated +25%#D44700

Less saturated −25%#A15834

Channel breakdown

R187

G79

B25

Red187 (73.3%)

Green79 (31%)

Blue25 (9.8%)

Hue20°

Saturation (HSL)76.42%

Lightness41.57%

Dominant channelRed

Hex per channelR BB · G 4F · B 19

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#BB4F19

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else