Colour

#B33D15

#B33D15
Orange
Dark
Nearest: Firebrick

#B33D15 is a orange with RGB values 179, 61, 21 and HSL 15°, 79%, 39%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#B33D15#B33D15

HEX#B33D15

RGBrgb(179, 61, 21)

RGB (0–1)0.702, 0.2392, 0.0824

RGB percentages70.2%, 23.9%, 8.2%

HSLhsl(15.2, 79%, 39.2%)

HSV / HSBhsv(15.2, 88.3%, 70.2%)

CMYK0%, 65.9%, 88.3%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,746,581

CSS custom property--colour: #B33D15;

Brightness & contrast

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

Perceived brightness108.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.84:1

Contrast with white5.84:1WCAG normal text: AA

Contrast with black3.6:1WCAG normal text: Fail

Greyscale equivalent#535353

Inverted#4CC2EA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#60540Dno red cones; affects about 1% of men; ΔE 50.4 from the original

Deuteranopia#7D6F0Dno green cones; the most common form, about 1% of men; ΔE 51.1 from the original

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

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

Contrast with white, large text5.84:1WCAG large text: AAA

Contrast with black, large text3.6:1WCAG large text: AA

Named colours

Firebrick · ΔE 14.2 Dark red · ΔE 16.5 Brown · ΔE 17.9 Chocolate · ΔE 18.7 Maroon · ΔE 19.6 Sienna · ΔE 20.5

Nearest named CSS colourFirebrick (#B22222)ΔE 14.15, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#158BB3

Analogous#B3153C, #B38C15

Triadic#15B33D, #3D15B3

Split complementary#15B38C, #153CB3

Tetradic#3CB315, #158BB3, #8C15B3

Tints, shades & saturation

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

Lighter +40%#F4B5A0

Lighter +30%#EF9272

Lighter +20%#E96E45

Lighter +10%#E14D1A

Darker −10%#852D10

Darker −20%#581E0A

Darker −30%#2A0E05

Darker −40%#000000

More saturated +25%#C83300

Less saturated −25%#9A492E

Channel breakdown

R179

G61

B21

Red179 (70.2%)

Green61 (23.9%)

Blue21 (8.2%)

Hue15.19°

Saturation (HSL)79%

Lightness39.22%

Dominant channelRed

Hex per channelR B3 · G 3D · B 15

Keep nerding

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

#B33D15

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