#3AFD3C

#3AFD3C

Color Values

HEX

#3AFD3C

RGB

58, 253, 60

HSL

120.6, 98.0%, 61.0%

HSV

120.6, 77.1%, 99.2%

CMYK

77.1%, 0.0%, 76.3%, 0.8%

OKLCH

0.868 0.2713 142.9

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#3AFD3C

#FD3AFB

Analogous

#9AFD3A

#3AFD9D

#3AFD3C

Triadic

#3AFD3C

#3C3AFD

#FD3C3A

Split Complementary

#3AFD3C

#9D3AFD

#FD3A9A

Tetradic

#3AFD3C

#3A9AFD

#FD3AFB

#FD9D3A

Color Blindness Simulation

Original

#3AFD3C

Protanopia

#8E906B

Deuteranopia

#837476

Tritanopia

#449098

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DEFCDF
200
#B8FEB9
300
#86FE87
400
#44FD46
500
#03FC05
600
#02CA04
700
#02A203
800
#017E03
900
#065B07
950
#043A04

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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