#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

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