#5FA863

#5FA863

Color Values

HEX

#5FA863

RGB

95, 168, 99

HSL

123.3, 29.6%, 51.6%

HSV

123.3, 43.5%, 65.9%

CMYK

43.5%, 0.0%, 41.1%, 34.1%

OKLCH

0.6663 0.1242 145.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5FA863

#A85FA4

Analogous

#80A85F

#5FA888

#5FA863

Triadic

#5FA863

#635FA8

#A8635F

Split Complementary

#5FA863

#885FA8

#A85F80

Tetradic

#5FA863

#5F80A8

#A85FA4

#A8885F

Color Blindness Simulation

Original

#5FA863

Protanopia

#7F7F74

Deuteranopia

#7A7578

Tritanopia

#638184

Achromatopsia

#939393

CSS Usage

background-color: #5FA863;
color: #5FA863;
border-color: #5FA863;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D1E6D2
300
#B0D4B2
400
#85BD88
500
#5AA55E
600
#48844B
700
#396A3C
800
#2D532F
900
#243D25
950
#162717

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026