Recognised as Colour

#20C54D

#20C54D
Green
Dark
Nearest: Limegreen

#20C54D is a green with RGB values 32, 197, 77 and HSL 136°, 72%, 45%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Limegreen.

Colour values

#20C54D#20C54D

HEX#20C54D

RGBrgb(32, 197, 77)

RGB (0–1)0.1255, 0.7725, 0.302

RGB percentages12.5%, 77.3%, 30.2%

HSLhsl(136.4, 72.1%, 44.9%)

HSV / HSBhsv(136.4, 83.8%, 77.3%)

CMYK83.8%, 0%, 60.9%, 22.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,147,661

CSS custom property--colour: #20C54D;

Brightness & contrast

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

Perceived brightness154.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.16:1

Contrast with white2.29:1WCAG normal text: Fail

Contrast with black9.16:1WCAG normal text: AAA

Greyscale equivalent#999999

Inverted#DF3AB2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#C8B340no red cones; affects about 1% of men; ΔE 59.8 from the original

Deuteranopia#B6A657no green cones; the most common form, about 1% of men; ΔE 59.8 from the original

Tritanopia#00C0ABno blue cones; rare, and affects men and women equally; ΔE 52.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text2.29:1WCAG large text: Fail

Contrast with black, large text9.16:1WCAG large text: AAA

Named colours

Limegreen · ΔE 14 Spring green · ΔE 22.4 Medium spring green · ΔE 24.1 Forest green · ΔE 24.5 Light green · ΔE 26.8 Green · ΔE 27

Nearest named CSS colourLimegreen (#32CD32)ΔE 13.99, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C52098

Analogous#45C520, #20C5A0

Triadic#4D20C5, #C54D20

Split complementary#9F20C5, #C52046

Tetradic#2045C5, #C52098, #C5A020

Tints, shades & saturation

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

Lighter +40%#BDF4CC

Lighter +30%#91EDAA

Lighter +20%#65E688

Lighter +10%#39DF66

Darker −10%#19993C

Darker −20%#126D2B

Darker −30%#0B411A

Darker −40%#031608

More saturated +25%#03E240

Less saturated −25%#3DA85A

Channel breakdown

R32

G197

B77

Red32 (12.5%)

Green197 (77.3%)

Blue77 (30.2%)

Hue136.36°

Saturation (HSL)72.05%

Lightness44.9%

Dominant channelGreen

Hex per channelR 20 · G C5 · B 4D

Keep nerding

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

#20C54D

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