#3FA248

#3FA248

Color Values

HEX

#3FA248

RGB

63, 162, 72

HSL

125.5, 44.0%, 44.1%

HSV

125.5, 61.1%, 63.5%

CMYK

61.1%, 0.0%, 55.6%, 36.5%

OKLCH

0.6332 0.1579 145.0

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#3FA248

#A23F99

Analogous

#67A23F

#3FA27A

#3FA248

Triadic

#3FA248

#483FA2

#A2483F

Split Complementary

#3FA248

#7A3FA2

#A23F67

Tetradic

#3FA248

#3F67A2

#A23F99

#A27A3F

Color Blindness Simulation

Original

#3FA248

Protanopia

#6A6B5E

Deuteranopia

#645D63

Tritanopia

#446F73

Achromatopsia

#868686

CSS Usage

background-color: #3FA248;
color: #3FA248;
border-color: #3FA248;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CCEBCE
300
#A7DDAC
400
#77CA7F
500
#47B852
600
#399341
700
#2E7634
800
#245C29
900
#1D4421
950
#122B15

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass AAA Fail

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