#3CF50A

#3CF50A

Color Values

HEX

#3CF50A

RGB

60, 245, 10

HSL

107.2, 92.2%, 50.0%

HSV

107.2, 95.9%, 96.1%

CMYK

75.5%, 0.0%, 95.9%, 3.9%

OKLCH

0.8462 0.2774 141.1

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#3CF50A

#C30AF5

Analogous

#B2F50A

#0AF54D

#3CF50A

Triadic

#3CF50A

#0A3CF5

#F50A3C

Split Complementary

#3CF50A

#4D0AF5

#F50AB2

Tetradic

#3CF50A

#0AB2F5

#C30AF5

#F54D0A

Color Blindness Simulation

Original

#3CF50A

Protanopia

#8C8E43

Deuteranopia

#817450

Tritanopia

#45707A

Achromatopsia

#BDBDBD

CSS Usage

background-color: #3CF50A;
color: #3CF50A;
border-color: #3CF50A;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C8FCBA
300
#A1FA89
400
#6FF84A
500
#3CF50A
600
#30C408
700
#269D06
800
#1E7B05
900
#195908
950
#103805

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026