Recognised as Colour

#486D4B

#486D4B
Green
Dark
Nearest: Dark olivegreen

#486D4B is a green with RGB values 72, 109, 75 and HSL 125°, 20%, 35%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#486D4B#486D4B

HEX#486D4B

RGBrgb(72, 109, 75)

RGB (0–1)0.2824, 0.4275, 0.2941

RGB percentages28.2%, 42.7%, 29.4%

HSLhsl(124.9, 20.4%, 35.5%)

HSV / HSBhsv(124.9, 33.9%, 42.7%)

CMYK33.9%, 0%, 31.2%, 57.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,746,571

CSS custom property--colour: #486D4B;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.89:1

Contrast with white5.89:1WCAG normal text: AA

Contrast with black3.56:1WCAG normal text: Fail

Greyscale equivalent#636363

Inverted#B792B4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6E6749no red cones; affects about 1% of men; ΔE 18.8 from the original

Deuteranopia#68634Dno green cones; the most common form, about 1% of men; ΔE 18.9 from the original

Tritanopia#446B64no blue cones; rare, and affects men and women equally; ΔE 16.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.89:1WCAG large text: AAA

Contrast with black, large text3.56:1WCAG large text: AA

Named colours

Dark olivegreen · ΔE 15.8 Sea green · ΔE 21.6 Dark slate grey · ΔE 23.6 Teal · ΔE 25.4 Dim grey · ΔE 25.7 Dark cyan · ΔE 27.6

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 15.8, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6D486A

Analogous#576D48, #486D5E

Triadic#4B486D, #6D4B48

Split complementary#5E486D, #6D4857

Tetradic#48576D, #6D486A, #6D5E48

Tints, shades & saturation

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

Lighter +40%#B4CDB6

Lighter +30%#95B998

Lighter +20%#76A57A

Lighter +10%#5C8C60

Darker −10%#344E36

Darker −20%#1F3021

Darker −30%#0B110C

Darker −40%#000000

More saturated +25%#318438

Less saturated −25%#5A5A5A

Channel breakdown

R72

G109

B75

Red72 (28.2%)

Green109 (42.7%)

Blue75 (29.4%)

Hue124.86°

Saturation (HSL)20.44%

Lightness35.49%

Dominant channelGreen

Hex per channelR 48 · G 6D · B 4B

Keep nerding

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

#486D4B

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