#348C98

#348C98

Color Values

HEX

#348C98

RGB

52, 140, 152

HSL

187.2, 49.0%, 40.0%

HSV

187.2, 65.8%, 59.6%

CMYK

65.8%, 7.9%, 0.0%, 40.4%

OKLCH

0.5929 0.084 207.8

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#348C98

#984034

Analogous

#349872

#345A98

#348C98

Triadic

#348C98

#98348C

#8C9834

Split Complementary

#348C98

#98345A

#987234

Tetradic

#348C98

#723498

#984034

#5A9834

Color Blindness Simulation

Original

#348C98

Protanopia

#5A5B95

Deuteranopia

#554E94

Tritanopia

#389392

Achromatopsia

#7A7A7A

CSS Usage

background-color: #348C98;
color: #348C98;
border-color: #348C98;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A4D9E0
400
#72C4CF
500
#41AFBE
600
#348C98
700
#2A707A
800
#21575F
900
#1B4146
950
#11292C

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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