#349883

#349883

Color Values

HEX

#349883

RGB

52, 152, 131

HSL

167.4, 49.0%, 40.0%

HSV

167.4, 65.8%, 59.6%

CMYK

65.8%, 0.0%, 13.8%, 40.4%

OKLCH

0.6162 0.0973 176.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#349883

#983449

Analogous

#349851

#347B98

#349883

Triadic

#349883

#833498

#988334

Split Complementary

#349883

#98347B

#985134

Tetradic

#349883

#513498

#983449

#7B9834

Color Blindness Simulation

Original

#349883

Protanopia

#5F6088

Deuteranopia

#5A5289

Tritanopia

#398C8D

Achromatopsia

#818181

CSS Usage

background-color: #349883;
color: #349883;
border-color: #349883;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBF9
100
#E6F5F1
200
#CAEDE5
300
#A4E0D3
400
#72CFBB
500
#41BEA4
600
#349883
700
#2A7A69
800
#215F52
900
#1B463D
950
#112C26

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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