Recognised as Colour

#33271C

#33271C
Orange
Dark
Nearest: Black

#33271C is a orange with RGB values 51, 39, 28 and HSL 29°, 29%, 15%. It is a dark colour, so white text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#33271C#33271C

HEX#33271C

RGBrgb(51, 39, 28)

RGB (0–1)0.2, 0.1529, 0.1098

RGB percentages20%, 15.3%, 11%

HSLhsl(28.7, 29.1%, 15.5%)

HSV / HSBhsv(28.7, 45.1%, 20%)

CMYK0%, 23.5%, 45.1%, 80%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,352,348

CSS custom property--colour: #33271C;

Brightness & contrast

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

Perceived brightness42 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.51:1

Contrast with white14.51:1WCAG normal text: AAA

Contrast with black1.45:1WCAG normal text: Fail

Greyscale equivalent#292929

Inverted#CCD8E3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2B281Bno red cones; affects about 1% of men; ΔE 5 from the original

Deuteranopia#2E2A1Cno green cones; the most common form, about 1% of men; ΔE 4.6 from the original

Tritanopia#372424no blue cones; rare, and affects men and women equally; ΔE 7.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text14.51:1WCAG large text: AAA

Contrast with black, large text1.45:1WCAG large text: Fail

Named colours

Black · ΔE 19.5 Dark slate grey · ΔE 25 Dim grey · ΔE 29.5 Gray · ΔE 38.3 Dark olivegreen · ΔE 40.1 Slate grey · ΔE 41.7

Nearest named CSS colourBlack (#000000)ΔE 19.52, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1C2833

Analogous#331C1C, #33331C

Triadic#1C3327, #271C33

Split complementary#1C3332, #1C1D33

Tetradic#1C331C, #1C2833, #321C33

Tints, shades & saturation

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

Lighter +40%#AF8C6C

Lighter +30%#967352

Lighter +20%#755940

Lighter +10%#54402E

Darker −10%#120E0A

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#3D2712

Less saturated −25%#292726

Channel breakdown

R51

G39

B28

Red51 (20%)

Green39 (15.3%)

Blue28 (11%)

Hue28.7°

Saturation (HSL)29.11%

Lightness15.49%

Dominant channelRed

Hex per channelR 33 · G 27 · B 1C

Keep nerding

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

#33271C

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