#3BEC98

#3BEC98

Color Values

HEX

#3BEC98

RGB

59, 236, 152

HSL

151.5, 82.3%, 57.8%

HSV

151.5, 75.0%, 92.5%

CMYK

75.0%, 0.0%, 35.6%, 7.5%

OKLCH

0.8367 0.1834 157.0

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#3BEC98

#EC3B8F

Analogous

#3BEC3F

#3BE8EC

#3BEC98

Triadic

#3BEC98

#983BEC

#EC983B

Split Complementary

#3BEC98

#EC3BE8

#EC3F3B

Tetradic

#3BEC98

#3F3BEC

#EC3B8F

#E8EC3B

Color Blindness Simulation

Original

#3BEC98

Protanopia

#8889AC

Deuteranopia

#7D70B1

Tritanopia

#44BCC0

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAEE
200
#BEF9DD
300
#8FF4C4
400
#53EEA5
500
#17E885
600
#12BA6A
700
#0E9555
800
#0B7442
900
#0D5432
950
#083520

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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