Colour

#20864D

#20864D
Green
Dark
Nearest: Sea green

#20864D is a green with RGB values 32, 134, 77 and HSL 146°, 61%, 33%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#20864D#20864D

HEX#20864D

RGBrgb(32, 134, 77)

RGB (0–1)0.1255, 0.5255, 0.302

RGB percentages12.5%, 52.5%, 30.2%

HSLhsl(146.5, 61.4%, 32.5%)

HSV / HSBhsv(146.5, 76.1%, 52.5%)

CMYK76.1%, 0%, 42.5%, 47.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,131,533

CSS custom property--colour: #20864D;

Brightness & contrast

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

Perceived brightness107.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.59:1

Contrast with white4.59:1WCAG normal text: AA

Contrast with black4.58:1WCAG normal text: AA

Greyscale equivalent#6C6C6C

Inverted#DF79B2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#867B49no red cones; affects about 1% of men; ΔE 39.4 from the original

Deuteranopia#7A7251no green cones; the most common form, about 1% of men; ΔE 39.9 from the original

Tritanopia#008478no blue cones; rare, and affects men and women equally; ΔE 26.4 from the original

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

Contrast with white, large text4.59:1WCAG large text: AAA

Contrast with black, large text4.58:1WCAG large text: AAA

Named colours

Sea green · ΔE 4.2 Medium seagreen · ΔE 17.1 Dark green · ΔE 23.3 Forest green · ΔE 23.6 Dark olivegreen · ΔE 25.6 Green · ΔE 29

Nearest named CSS colourSea green (#2E8B57)ΔE 4.19, a close match

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#862059

Analogous#268620, #208680

Triadic#4D2086, #864D20

Split complementary#802086, #862026

Tetradic#202686, #862059, #868020

Tints, shades & saturation

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

Lighter +40%#8EE4B4

Lighter +30%#65DA99

Lighter +20%#3CD07D

Lighter +10%#2AAF65

Darker −10%#165D35

Darker −20%#0C341E

Darker −30%#030A06

Darker −40%#000000

More saturated +25%#0B9B4B

Less saturated −25%#35714F

Channel breakdown

R32

G134

B77

Red32 (12.5%)

Green134 (52.5%)

Blue77 (30.2%)

Hue146.47°

Saturation (HSL)61.45%

Lightness32.55%

Dominant channelGreen

Hex per channelR 20 · G 86 · B 4D

Keep nerding

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

#20864D

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