#348098

#348098

Color Values

HEX

#348098

RGB

52, 128, 152

HSL

194.4, 49.0%, 40.0%

HSV

194.4, 65.8%, 59.6%

CMYK

65.8%, 15.8%, 0.0%, 40.4%

OKLCH

0.5628 0.0824 222.1

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#348098

#984C34

Analogous

#34987E

#344E98

#348098

Triadic

#348098

#983480

#809834

Split Complementary

#348098

#98344E

#987E34

Tetradic

#348098

#7E3498

#984C34

#4E9834

Color Blindness Simulation

Original

#348098

Protanopia

#555692

Deuteranopia

#504B91

Tritanopia

#388E8D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE4ED
300
#A4D1E0
400
#72B9CF
500
#41A0BE
600
#348098
700
#2A667A
800
#21505F
900
#1B3C46
950
#11262C

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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