Colour

#556B2F

#556B2F
Green
Dark
Named: Dark olivegreen

#556B2F is the CSS colour green with RGB values 85, 107, 47 and HSL 82°, 39%, 30%. 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

#556B2F#556B2F

HEX#556B2F

RGBrgb(85, 107, 47)

RGB (0–1)0.3333, 0.4196, 0.1843

RGB percentages33.3%, 42%, 18.4%

HSLhsl(82, 39%, 30.2%)

HSV / HSBhsv(82, 56.1%, 42%)

CMYK20.6%, 0%, 56.1%, 58%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,597,999

CSS custom property--colour: #556B2F;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.95:1

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

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

Greyscale equivalent#626262

Inverted#AA94D0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#706529no red cones; affects about 1% of men; ΔE 15.7 from the original

Deuteranopia#6D6333no green cones; the most common form, about 1% of men; ΔE 15.9 from the original

Tritanopia#58665Eno blue cones; rare, and affects men and women equally; ΔE 30.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark olivegreen · ΔE 0 Olivedrab · ΔE 24.6 Sea green · ΔE 25.2 Dark green · ΔE 27.7 Olive · ΔE 28.4 Dark seagreen · ΔE 32.8

This is a named CSS colourDark olivegreen (#556B2F)exact match

Hue familygreen

CSS keyword usabledarkolivegreen

Colour harmonies

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

Complementary#452F6B

Analogous#6B632F, #376B2F

Triadic#2F556B, #6B2F55

Split complementary#2F376B, #632F6B

Tetradic#2F6B63, #452F6B, #6B2F37

Tints, shades & saturation

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

Lighter +40%#BBD195

Lighter +30%#A4C172

Lighter +20%#8DB14F

Lighter +10%#718E3F

Darker −10%#39481F

Darker −20%#1D2410

Darker −30%#010100

Darker −40%#000000

More saturated +25%#5A7E1C

Less saturated −25%#505842

Channel breakdown

R85

G107

B47

Red85 (33.3%)

Green107 (42%)

Blue47 (18.4%)

Hue82°

Saturation (HSL)38.96%

Lightness30.2%

Dominant channelGreen

Hex per channelR 55 · G 6B · B 2F

Keep nerding

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

#556B2F

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