#3BAB83

#3BAB83

Color Values

HEX

#3BAB83

RGB

59, 171, 131

HSL

158.6, 48.7%, 45.1%

HSV

158.6, 65.5%, 67.1%

CMYK

65.5%, 0.0%, 23.4%, 32.9%

OKLCH

0.6672 0.1178 165.6

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#3BAB83

#AB3B63

Analogous

#3BAB4B

#3B9BAB

#3BAB83

Triadic

#3BAB83

#833BAB

#AB833B

Split Complementary

#3BAB83

#AB3B9B

#AB4B3B

Tetradic

#3BAB83

#4B3BAB

#AB3B63

#9BAB3B

Color Blindness Simulation

Original

#3BAB83

Protanopia

#6C6C8D

Deuteranopia

#655D8F

Tritanopia

#419496

Achromatopsia

#909090

CSS Usage

background-color: #3BAB83;
color: #3BAB83;
border-color: #3BAB83;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDE0
300
#A4E0CA
400
#73CFAE
500
#41BE91
600
#349874
700
#2A795D
800
#215F49
900
#1B4637
950
#112C22

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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