#5FCA02

#5FCA02

Color Values

HEX

#5FCA02

RGB

95, 202, 2

HSL

92.1, 98.0%, 40.0%

HSV

92.1, 99.0%, 79.2%

CMYK

53.0%, 0.0%, 99.0%, 20.8%

OKLCH

0.7453 0.2238 136.6

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5FCA02

#6D02CA

Analogous

#C3CA02

#02CA09

#5FCA02

Triadic

#5FCA02

#025FCA

#CA025F

Split Complementary

#5FCA02

#0902CA

#CA02C3

Tetradic

#5FCA02

#02C3CA

#6D02CA

#CA0902

Color Blindness Simulation

Original

#5FCA02

Protanopia

#8D8E32

Deuteranopia

#877F3E

Tritanopia

#645961

Achromatopsia

#A5A5A5

CSS Usage

background-color: #5FCA02;
color: #5FCA02;
border-color: #5FCA02;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#D9FEB8
300
#BEFE86
400
#9AFD44
500
#77FC03
600
#5FCA02
700
#4CA202
800
#3B7E01
900
#2D5B06
950
#1D3A04

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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