Colour

#37580C

#37580C
Green
Dark
Nearest: Dark olivegreen

#37580C is a green with RGB values 55, 88, 12 and HSL 86°, 76%, 20%. It is a dark colour, so white text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#37580C#37580C

HEX#37580C

RGBrgb(55, 88, 12)

RGB (0–1)0.2157, 0.3451, 0.0471

RGB percentages21.6%, 34.5%, 4.7%

HSLhsl(86.1, 76%, 19.6%)

HSV / HSBhsv(86.1, 86.4%, 34.5%)

CMYK37.5%, 0%, 86.4%, 65.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,627,020

CSS custom property--colour: #37580C;

Brightness & contrast

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

Perceived brightness73.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.19:1

Contrast with white8.19:1WCAG normal text: AAA

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

Greyscale equivalent#4B4B4B

Inverted#C8A7F3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#584E15no green cones; the most common form, about 1% of men; ΔE 21.9 from the original

Tritanopia#38544Ano blue cones; rare, and affects men and women equally; ΔE 36.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.19:1WCAG large text: AAA

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

Named colours

Dark olivegreen · ΔE 12.1 Dark green · ΔE 19.4 Olivedrab · ΔE 25 Sea green · ΔE 28.6 Olive · ΔE 29.6 Forest green · ΔE 31.2

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

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2D0C58

Analogous#58530C, #11580C

Triadic#0C3758, #580C37

Split complementary#0C1158, #530C58

Tetradic#0C5853, #2D0C58, #580C11

Tints, shades & saturation

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

Lighter +40%#A2E64A

Lighter +30%#8BDF1E

Lighter +20%#6FB218

Lighter +10%#538512

Darker −10%#1B2B06

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#396400

Less saturated −25%#354C18

Channel breakdown

R55

G88

B12

Red55 (21.6%)

Green88 (34.5%)

Blue12 (4.7%)

Hue86.05°

Saturation (HSL)76%

Lightness19.61%

Dominant channelGreen

Hex per channelR 37 · G 58 · B 0C

Keep nerding

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

#37580C

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