#3DCC35

#3DCC35

Color Values

HEX

#3DCC35

RGB

61, 204, 53

HSL

116.8, 59.7%, 50.4%

HSV

116.8, 74.0%, 80.0%

CMYK

70.1%, 0.0%, 74.0%, 20.0%

OKLCH

0.7418 0.2229 142.3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3DCC35

#C435CC

Analogous

#89CC35

#35CC78

#3DCC35

Triadic

#3DCC35

#353DCC

#CC353D

Split Complementary

#3DCC35

#7835CC

#CC3589

Tetradic

#3DCC35

#3589CC

#C435CC

#CC7835

Color Blindness Simulation

Original

#3DCC35

Protanopia

#7B7C59

Deuteranopia

#736862

Tritanopia

#44767D

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A1E69D
400
#6ED968
500
#3CCC33
600
#30A329
700
#268221
800
#1E661A
900
#194A16
950
#102F0E

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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