Recognised as Colour

#2F381E

#2F381E
Green
Dark
Nearest: Dark slate grey

#2F381E is a green with RGB values 47, 56, 30 and HSL 81°, 30%, 17%. It is a dark colour, so white text on it reaches 12.3:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#2F381E#2F381E

HEX#2F381E

RGBrgb(47, 56, 30)

RGB (0–1)0.1843, 0.2196, 0.1176

RGB percentages18.4%, 22%, 11.8%

HSLhsl(80.8, 30.2%, 16.9%)

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

CMYK16.1%, 0%, 46.4%, 78%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,094,558

CSS custom property--colour: #2F381E;

Brightness & contrast

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

Perceived brightness51 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.31:1

Contrast with white12.31:1WCAG normal text: AAA

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

Greyscale equivalent#343434

Inverted#D0C7E1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3B351Cno red cones; affects about 1% of men; ΔE 7.8 from the original

Deuteranopia#39351Fno green cones; the most common form, about 1% of men; ΔE 7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text12.31:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 21 Dark olivegreen · ΔE 27.3 Black · ΔE 28.2 Dim grey · ΔE 28.5 Gray · ΔE 36.1 Teal · ΔE 40.3

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 21.04, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#271E38

Analogous#38341E, #22381E

Triadic#1E2F38, #381E2F

Split complementary#1E2238, #341E38

Tetradic#1E3834, #271E38, #381E22

Tints, shades & saturation

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

Lighter +40%#9BB270

Lighter +30%#839C53

Lighter +20%#677A42

Lighter +10%#4B5930

Darker −10%#13170C

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#324313

Less saturated −25%#2C2D29

Channel breakdown

R47

G56

B30

Red47 (18.4%)

Green56 (22%)

Blue30 (11.8%)

Hue80.77°

Saturation (HSL)30.23%

Lightness16.86%

Dominant channelGreen

Hex per channelR 2F · G 38 · B 1E

Keep nerding

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

#2F381E

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