#348698

#348698

Color Values

HEX

#348698

RGB

52, 134, 152

HSL

190.8, 49.0%, 40.0%

HSV

190.8, 65.8%, 59.6%

CMYK

65.8%, 11.8%, 0.0%, 40.4%

OKLCH

0.5778 0.0825 214.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#348698

#984634

Analogous

#349878

#345498

#348698

Triadic

#348698

#983486

#869834

Split Complementary

#348698

#983454

#987834

Tetradic

#348698

#783498

#984634

#549834

Color Blindness Simulation

Original

#348698

Protanopia

#585894

Deuteranopia

#534D93

Tritanopia

#38908F

Achromatopsia

#767676

CSS Usage

background-color: #348698;
color: #348698;
border-color: #348698;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#CAE6ED
300
#A4D5E0
400
#72BECF
500
#41A7BE
600
#348698
700
#2A6B7A
800
#21545F
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026