Colour

#38200C

#38200C
Orange
Dark
Nearest: Black

#38200C is a orange with RGB values 56, 32, 12 and HSL 27°, 65%, 13%. It is a dark colour, so white text on it reaches 15.2:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#38200C#38200C

HEX#38200C

RGBrgb(56, 32, 12)

RGB (0–1)0.2196, 0.1255, 0.0471

RGB percentages22%, 12.5%, 4.7%

HSLhsl(27.3, 64.7%, 13.3%)

HSV / HSBhsv(27.3, 78.6%, 22%)

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

24-bit integer3,678,220

CSS custom property--colour: #38200C;

Brightness & contrast

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

Perceived brightness39.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.22:1

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

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

Greyscale equivalent#242424

Inverted#C7DFF3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#27220Ano red cones; affects about 1% of men; ΔE 11.2 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 24.7 Dark slate grey · ΔE 33.9 Dim grey · ΔE 35.4 Saddle brown · ΔE 36.9 Sienna · ΔE 39.6 Dark olivegreen · ΔE 41.4

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0C2438

Analogous#380C0E, #38360C

Triadic#0C3820, #200C38

Split complementary#0C3836, #0C0E38

Tetradic#0E380C, #0C2438, #360C38

Tints, shades & saturation

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

Lighter +40%#D5813B

Lighter +30%#B66827

Lighter +20%#8C501E

Lighter +10%#623815

Darker −10%#0E0803

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#411F04

Less saturated −25%#302114

Channel breakdown

R56

G32

B12

Red56 (22%)

Green32 (12.5%)

Blue12 (4.7%)

Hue27.27°

Saturation (HSL)64.71%

Lightness13.33%

Dominant channelRed

Hex per channelR 38 · G 20 · B 0C

Keep nerding

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

#38200C

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