Colour

#353F21

#353F21
Green
Dark
Nearest: Dark slate grey

#353F21 is a green with RGB values 53, 63, 33 and HSL 80°, 31%, 19%. It is a dark colour, so white text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#353F21#353F21

HEX#353F21

RGBrgb(53, 63, 33)

RGB (0–1)0.2078, 0.2471, 0.1294

RGB percentages20.8%, 24.7%, 12.9%

HSLhsl(80, 31.3%, 18.8%)

HSV / HSBhsv(80, 47.6%, 24.7%)

CMYK15.9%, 0%, 47.6%, 75.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,489,569

CSS custom property--colour: #353F21;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.14:1

Contrast with white11.14:1WCAG normal text: AAA

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

Greyscale equivalent#3B3B3B

Inverted#CAC0DE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#423C1Fno red cones; affects about 1% of men; ΔE 8.1 from the original

Deuteranopia#413B23no green cones; the most common form, about 1% of men; ΔE 8.7 from the original

Tritanopia#373C38no blue cones; rare, and affects men and women equally; ΔE 16.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text11.14:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 21.7 Dark olivegreen · ΔE 23.6 Dim grey · ΔE 27.7 Black · ΔE 31.9 Gray · ΔE 34.8 Teal · ΔE 39.2

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

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2B213F

Analogous#3F3A21, #263F21

Triadic#21353F, #3F2135

Split complementary#21263F, #3A213F

Tetradic#213F3A, #2B213F, #3F2126

Tints, shades & saturation

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

Lighter +40%#A1B775

Lighter +30%#89A356

Lighter +20%#6D8244

Lighter +10%#516033

Darker −10%#191E0F

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#394B15

Less saturated −25%#31332D

Channel breakdown

R53

G63

B33

Red53 (20.8%)

Green63 (24.7%)

Blue33 (12.9%)

Hue80°

Saturation (HSL)31.25%

Lightness18.82%

Dominant channelGreen

Hex per channelR 35 · G 3F · B 21

Keep nerding

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

#353F21

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