#5FB00F

#5FB00F

Color Values

HEX

#5FB00F

RGB

95, 176, 15

HSL

90.2, 84.3%, 37.5%

HSV

90.2, 91.5%, 69.0%

CMYK

46.0%, 0.0%, 91.5%, 31.0%

OKLCH

0.6786 0.1931 134.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#5FB00F

#600FB0

Analogous

#B0B00F

#0FB010

#5FB00F

Triadic

#5FB00F

#0F5FB0

#B00F5F

Split Complementary

#5FB00F

#100FB0

#B00FB0

Tetradic

#5FB00F

#0FB0B0

#600FB0

#B0100F

Color Blindness Simulation

Original

#5FB00F

Protanopia

#828336

Deuteranopia

#7D773F

Tritanopia

#63555B

Achromatopsia

#939393

CSS Usage

background-color: #5FB00F;
color: #5FB00F;
border-color: #5FB00F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DBF9BD
300
#C1F58E
400
#A0F051
500
#7FEB14
600
#65BC10
700
#51960D
800
#3F750A
900
#30550C
950
#1E3607

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.7: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