#348B90

#348B90

Color Values

HEX

#348B90

RGB

52, 139, 144

HSL

183.3, 46.9%, 38.4%

HSV

183.3, 63.9%, 56.5%

CMYK

63.9%, 3.5%, 0.0%, 43.5%

OKLCH

0.5873 0.0819 200.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#348B90

#903934

Analogous

#349067

#345D90

#348B90

Triadic

#348B90

#90348B

#8B9034

Split Complementary

#348B90

#90345D

#906734

Tetradic

#348B90

#673490

#903934

#5D9034

Color Blindness Simulation

Original

#348B90

Protanopia

#5A5A8F

Deuteranopia

#554E8E

Tritanopia

#388E8E

Achromatopsia

#797979

CSS Usage

background-color: #348B90;
color: #348B90;
border-color: #348B90;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEC
300
#A5DBDF
400
#74C8CD
500
#44B5BB
600
#369196
700
#2B7478
800
#225A5E
900
#1C4345
950
#122A2C

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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