#348298

#348298

Color Values

HEX

#348298

RGB

52, 130, 152

HSL

193.2, 49.0%, 40.0%

HSV

193.2, 65.8%, 59.6%

CMYK

65.8%, 14.5%, 0.0%, 40.4%

OKLCH

0.5678 0.0823 219.6

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#348298

#984A34

Analogous

#34987C

#345098

#348298

Triadic

#348298

#983482

#829834

Split Complementary

#348298

#983450

#987C34

Tetradic

#348298

#7C3498

#984A34

#509834

Color Blindness Simulation

Original

#348298

Protanopia

#565693

Deuteranopia

#514B91

Tritanopia

#388E8E

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE5ED
300
#A4D3E0
400
#72BBCF
500
#41A2BE
600
#348298
700
#2A687A
800
#21515F
900
#1B3C46
950
#11262C

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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