#4FAF58

#4FAF58

Color Values

HEX

#4FAF58

RGB

79, 175, 88

HSL

125.6, 37.8%, 49.8%

HSV

125.6, 54.9%, 68.6%

CMYK

54.9%, 0.0%, 49.7%, 31.4%

OKLCH

0.6754 0.1537 145.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#4FAF58

#AF4FA6

Analogous

#76AF4F

#4FAF88

#4FAF58

Triadic

#4FAF58

#584FAF

#AF584F

Split Complementary

#4FAF58

#884FAF

#AF4F76

Tetradic

#4FAF58

#4F76AF

#AF4FA6

#AF884F

Color Blindness Simulation

Original

#4FAF58

Protanopia

#79796D

Deuteranopia

#736C72

Tritanopia

#547E81

Achromatopsia

#949494

CSS Usage

background-color: #4FAF58;
color: #4FAF58;
border-color: #4FAF58;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AF
400
#7DC484
500
#4FB058
600
#3F8D47
700
#337039
800
#28582C
900
#204123
950
#142916

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026