#3FD640

#3FD640

Color Values

HEX

#3FD640

RGB

63, 214, 64

HSL

120.4, 64.8%, 54.3%

HSV

120.4, 70.6%, 83.9%

CMYK

70.6%, 0.0%, 70.1%, 16.1%

OKLCH

0.7691 0.2269 143.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3FD640

#D63FD5

Analogous

#89D63F

#3FD68B

#3FD640

Triadic

#3FD640

#403FD6

#D6403F

Split Complementary

#3FD640

#8B3FD6

#D63F89

Tetradic

#3FD640

#3F89D6

#D63FD5

#D68B3F

Color Blindness Simulation

Original

#3FD640

Protanopia

#808264

Deuteranopia

#786C6D

Tritanopia

#478187

Achromatopsia

#ABABAB

CSS Usage

background-color: #3FD640;
color: #3FD640;
border-color: #3FD640;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C4F2C4
300
#9AE99B
400
#64DE64
500
#2DD22E
600
#24A825
700
#1D861D
800
#166917
900
#144D15
950
#0D300D

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026