Colour

#485A44

#485A44
Green
Dark
Nearest: Dark slate grey

#485A44 is a green with RGB values 72, 90, 68 and HSL 109°, 14%, 31%. It is a dark colour, so white text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#485A44#485A44

HEX#485A44

RGBrgb(72, 90, 68)

RGB (0–1)0.2824, 0.3529, 0.2667

RGB percentages28.2%, 35.3%, 26.7%

HSLhsl(109.1, 13.9%, 31%)

HSV / HSBhsv(109.1, 24.4%, 35.3%)

CMYK20%, 0%, 24.4%, 64.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,741,700

CSS custom property--colour: #485A44;

Brightness & contrast

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

Perceived brightness82.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.44:1

Contrast with white7.44:1WCAG normal text: AAA

Contrast with black2.82:1WCAG normal text: Fail

Greyscale equivalent#555555

Inverted#B7A5BB

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5B5643no red cones; affects about 1% of men; ΔE 10.4 from the original

Deuteranopia#585445no green cones; the most common form, about 1% of men; ΔE 10.6 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.44:1WCAG large text: AAA

Contrast with black, large text2.82:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 15 Dim grey · ΔE 17.8 Dark olivegreen · ΔE 22.2 Gray · ΔE 23.5 Teal · ΔE 28.3 Slate grey · ΔE 28.5

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

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#56445A

Analogous#535A44, #445A4B

Triadic#44485A, #5A4448

Split complementary#4B445A, #5A4453

Tetradic#44535A, #56445A, #5A4B44

Tints, shades & saturation

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

Lighter +40%#AEBFAB

Lighter +30%#93A98E

Lighter +20%#779371

Lighter +10%#5F775A

Darker −10%#313D2E

Darker −20%#1A2018

Darker −30%#020302

Darker −40%#000000

More saturated +25%#3B6E30

Less saturated −25%#4F4F4F

Channel breakdown

R72

G90

B68

Red72 (28.2%)

Green90 (35.3%)

Blue68 (26.7%)

Hue109.09°

Saturation (HSL)13.92%

Lightness30.98%

Dominant channelGreen

Hex per channelR 48 · G 5A · B 44

Keep nerding

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

#485A44

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