Recognised as Colour

#38271E

#38271E
Orange
Dark
Nearest: Black

#38271E is a orange with RGB values 56, 39, 30 and HSL 21°, 30%, 17%. It is a dark colour, so white text on it reaches 14.2:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#38271E#38271E

HEX#38271E

RGBrgb(56, 39, 30)

RGB (0–1)0.2196, 0.1529, 0.1176

RGB percentages22%, 15.3%, 11.8%

HSLhsl(20.8, 30.2%, 16.9%)

HSV / HSBhsv(20.8, 46.4%, 22%)

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

24-bit integer3,680,030

CSS custom property--colour: #38271E;

Brightness & contrast

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

Perceived brightness44 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.22:1

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

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

Greyscale equivalent#2A2A2A

Inverted#C7D8E1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#302C1Eno green cones; the most common form, about 1% of men; ΔE 7.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 20.7 Dark slate grey · ΔE 26.3 Dim grey · ΔE 29.2 Gray · ΔE 37.9 Slate grey · ΔE 41.4 Dark olivegreen · ΔE 41.5

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1E2F38

Analogous#381E22, #38341E

Triadic#1E3827, #271E38

Split complementary#1E3834, #1E2238

Tetradic#22381E, #1E2F38, #341E38

Tints, shades & saturation

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

Lighter +40%#B28770

Lighter +30%#9C6C53

Lighter +20%#7A5542

Lighter +10%#593E30

Darker −10%#17100C

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#432413

Less saturated −25%#2D2A29

Channel breakdown

R56

G39

B30

Red56 (22%)

Green39 (15.3%)

Blue30 (11.8%)

Hue20.77°

Saturation (HSL)30.23%

Lightness16.86%

Dominant channelRed

Hex per channelR 38 · G 27 · B 1E

Keep nerding

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

#38271E

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