#3FD046

#3FD046

Color Values

HEX

#3FD046

RGB

63, 208, 70

HSL

122.9, 60.7%, 53.1%

HSV

122.9, 69.7%, 81.6%

CMYK

69.7%, 0.0%, 66.3%, 18.4%

OKLCH

0.7541 0.2162 143.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3FD046

#D03FC9

Analogous

#80D03F

#3FD08E

#3FD046

Triadic

#3FD046

#463FD0

#D0463F

Split Complementary

#3FD046

#8E3FD0

#D03F80

Tetradic

#3FD046

#3F80D0

#D03FC9

#D08E3F

Color Blindness Simulation

Original

#3FD046

Protanopia

#7E7F67

Deuteranopia

#756A6F

Tritanopia

#468288

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F6E5
200
#C6F1C8
300
#9DE7A0
400
#67DA6D
500
#32CD3A
600
#28A42E
700
#208325
800
#19661D
900
#164B19
950
#0E2F0F

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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