Colour

#5B8A64

#5B8A64
Green
Dark
Nearest: Sea green

#5B8A64 is a green with RGB values 91, 138, 100 and HSL 131°, 21%, 45%. It is a dark colour, so black text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#5B8A64#5B8A64

HEX#5B8A64

RGBrgb(91, 138, 100)

RGB (0–1)0.3569, 0.5412, 0.3922

RGB percentages35.7%, 54.1%, 39.2%

HSLhsl(131.5, 20.5%, 44.9%)

HSV / HSBhsv(131.5, 34.1%, 54.1%)

CMYK34.1%, 0%, 27.5%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,999,204

CSS custom property--colour: #5B8A64;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.26:1

Contrast with white3.99:1WCAG normal text: Fail

Contrast with black5.26:1WCAG normal text: AA

Greyscale equivalent#7D7D7D

Inverted#A4759B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8B8262no red cones; affects about 1% of men; ΔE 22.7 from the original

Deuteranopia#837D66no green cones; the most common form, about 1% of men; ΔE 22.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.99:1WCAG large text: AA

Contrast with black, large text5.26:1WCAG large text: AAA

Named colours

Sea green · ΔE 16.2 Dark seagreen · ΔE 19 Dark olivegreen · ΔE 19.6 Cadetblue · ΔE 24.6 Teal · ΔE 24.8 Dark cyan · ΔE 25.2

Nearest named CSS colourSea green (#2E8B57)ΔE 16.15, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A5B81

Analogous#698A5B, #5B8A7B

Triadic#645B8A, #8A645B

Split complementary#7B5B8A, #8A5B6A

Tetradic#5B6A8A, #8A5B81, #8A7B5B

Tints, shades & saturation

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

Lighter +40%#D1E0D4

Lighter +30%#B2CCB7

Lighter +20%#93B89A

Lighter +10%#74A47D

Darker −10%#476B4E

Darker −20%#324D37

Darker −30%#1E2E21

Darker −40%#0A0F0B

More saturated +25%#3EA752

Less saturated −25%#727272

Channel breakdown

R91

G138

B100

Red91 (35.7%)

Green138 (54.1%)

Blue100 (39.2%)

Hue131.49°

Saturation (HSL)20.52%

Lightness44.9%

Dominant channelGreen

Hex per channelR 5B · G 8A · B 64

Keep nerding

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

#5B8A64

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