Recognised as Colour

#331C13

#331C13
Orange
Dark
Nearest: Black

#331C13 is a orange with RGB values 51, 28, 19 and HSL 17°, 46%, 14%. It is a dark colour, so white text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#331C13#331C13

HEX#331C13

RGBrgb(51, 28, 19)

RGB (0–1)0.2, 0.1098, 0.0745

RGB percentages20%, 11%, 7.5%

HSLhsl(16.9, 45.7%, 13.7%)

HSV / HSBhsv(16.9, 62.7%, 20%)

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

24-bit integer3,349,523

CSS custom property--colour: #331C13;

Brightness & contrast

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

Perceived brightness35.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.95:1

Contrast with white15.95:1WCAG normal text: AAA

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

Greyscale equivalent#202020

Inverted#CCE3EC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#221F12no red cones; affects about 1% of men; ΔE 11.5 from the original

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

Tritanopia#38181Ano blue cones; rare, and affects men and women equally; ΔE 7.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 19.8 Dark slate grey · ΔE 31.9 Dim grey · ΔE 34.6 Saddle brown · ΔE 42 Gray · ΔE 43.1 Sienna · ΔE 43.8

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#132A33

Analogous#33131A, #332C13

Triadic#13331C, #1C1333

Split complementary#13332C, #131A33

Tetradic#1A3313, #132A33, #2C1333

Tints, shades & saturation

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

Lighter +40%#BF7153

Lighter +30%#A2593D

Lighter +20%#7D452F

Lighter +10%#583021

Darker −10%#0E0805

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#3C180A

Less saturated −25%#2A201C

Channel breakdown

R51

G28

B19

Red51 (20%)

Green28 (11%)

Blue19 (7.5%)

Hue16.88°

Saturation (HSL)45.71%

Lightness13.73%

Dominant channelRed

Hex per channelR 33 · G 1C · B 13

Keep nerding

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

#331C13

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