Nerdulator> put something in

Recognised as Colour

#558D24

  • #558D24
  • Green
  • Dark
  • Nearest: Olivedrab

#558D24 is a green with RGB values 85, 141, 36 and HSL 92°, 59%, 35%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Olivedrab.

Colour values

#558D24#558D24
HEX#558D24
RGBrgb(85, 141, 36)
RGB (0–1)0.3333, 0.5529, 0.1412
RGB percentages33.3%, 55.3%, 14.1%
HSLhsl(92, 59.3%, 34.7%)
HSV / HSBhsv(92, 74.5%, 55.3%)
CMYK39.7%, 0%, 74.5%, 44.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,606,692
CSS custom property--colour: #558D24;

Brightness & contrast

Relative luminance0.21108WCAG 2.x, 0 is black and 1 is white
Perceived brightness118.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.22:1
Contrast with white4.02:1WCAG normal text: Fail
Contrast with black5.22:1WCAG normal text: AA
Greyscale equivalent#7A7A7A
Inverted#AA72DB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#938210no red cones; affects about 1% of men; ΔE 32.7 from the original
Deuteranopia#8B7D2Eno green cones; the most common form, about 1% of men; ΔE 32 from the original
Tritanopia#558779no blue cones; rare, and affects men and women equally; ΔE 47.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.02:1WCAG large text: AA
Contrast with black, large text5.22:1WCAG large text: AAA

Named colours

Olivedrab · ΔE 8.5Forest green · ΔE 13.8Green · ΔE 17.1Dark green · ΔE 19.1Olive · ΔE 25.2Dark olivegreen · ΔE 26.5
Nearest named CSS colourOlivedrab (#6B8E23)ΔE 8.52, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#5C248D
Analogous#8A8D24, #248D27
Triadic#24558D, #8D2455
Split complementary#27248D, #8D248A
Tetradic#248A8D, #5C248D, #8D2724

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BCE598
Lighter +30%#A1DA70
Lighter +20%#87D047
Lighter +10%#6DB62E
Darker −10%#3D641A
Darker −20%#243C0F
Darker −30%#0C1305
Darker −40%#000000
More saturated +25%#54A30E
Less saturated −25%#56773A

Channel breakdown

R85
G141
B36
Red85 (33.3%)
Green141 (55.3%)
Blue36 (14.1%)
Hue92°
Saturation (HSL)59.32%
Lightness34.71%
Dominant channelGreen
Hex per channelR 55 · G 8D · B 24

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “558d24” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.