Colour

#38180D

#38180D
Orange
Dark
Nearest: Black

#38180D is a orange with RGB values 56, 24, 13 and HSL 15°, 62%, 14%. It is a dark colour, so white text on it reaches 16.1:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#38180D#38180D

HEX#38180D

RGBrgb(56, 24, 13)

RGB (0–1)0.2196, 0.0941, 0.051

RGB percentages22%, 9.4%, 5.1%

HSLhsl(15.3, 62.3%, 13.5%)

HSV / HSBhsv(15.3, 76.8%, 22%)

CMYK0%, 57.1%, 76.8%, 78%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,676,173

CSS custom property--colour: #38180D;

Brightness & contrast

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

Perceived brightness36 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.1:1

Contrast with white16.1:1WCAG normal text: AAA

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

Greyscale equivalent#1E1E1E

Inverted#C7E7F2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#201D0Cno red cones; affects about 1% of men; ΔE 16.9 from the original

Deuteranopia#28240Cno green cones; the most common form, about 1% of men; ΔE 17.1 from the original

Tritanopia#3E1215no blue cones; rare, and affects men and women equally; ΔE 8.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.1:1WCAG large text: AAA

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

Named colours

Black · ΔE 24 Dark slate grey · ΔE 36.8 Dim grey · ΔE 37.6 Saddle brown · ΔE 38.5 Sienna · ΔE 40.6 Maroon · ΔE 43.1

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0D2D38

Analogous#380D18, #382D0D

Triadic#0D3818, #180D38

Split complementary#0D382E, #0D1738

Tetradic#18380D, #0D2D38, #2D0D38

Tints, shades & saturation

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

Lighter +40%#D2643F

Lighter +30%#B44D2A

Lighter +20%#8B3B20

Lighter +10%#612A17

Darker −10%#0F0603

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#411404

Less saturated −25%#2F1C16

Channel breakdown

R56

G24

B13

Red56 (22%)

Green24 (9.4%)

Blue13 (5.1%)

Hue15.35°

Saturation (HSL)62.32%

Lightness13.53%

Dominant channelRed

Hex per channelR 38 · G 18 · B 0D

Keep nerding

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

#38180D

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