#3DF599

#3DF599

Color Values

HEX

#3DF599

RGB

61, 245, 153

HSL

150.0, 90.2%, 60.0%

HSV

150.0, 75.1%, 96.1%

CMYK

75.1%, 0.0%, 37.6%, 3.9%

OKLCH

0.8596 0.1931 155.8

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#3DF599

#F53D99

Analogous

#3DF53D

#3DF5F5

#3DF599

Triadic

#3DF599

#993DF5

#F5993D

Split Complementary

#3DF599

#F53DF5

#F53D3D

Tetradic

#3DF599

#3D3DF5

#F53D99

#F5F53D

Color Blindness Simulation

Original

#3DF599

Protanopia

#8D8EAF

Deuteranopia

#8274B5

Tritanopia

#46C1C5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #3DF599;
color: #3DF599;
border-color: #3DF599;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8BF9C2
400
#4CF6A1
500
#0CF380
600
#0AC266
700
#089B52
800
#067940
900
#095830
950
#06371F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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