#347C98

#347C98

Color Values

HEX

#347C98

RGB

52, 124, 152

HSL

196.8, 49.0%, 40.0%

HSV

196.8, 65.8%, 59.6%

CMYK

65.8%, 18.4%, 0.0%, 40.4%

OKLCH

0.5529 0.0831 226.9

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#347C98

#985034

Analogous

#349882

#344A98

#347C98

Triadic

#347C98

#98347C

#7C9834

Split Complementary

#347C98

#98344A

#988234

Tetradic

#347C98

#823498

#985034

#4A9834

Color Blindness Simulation

Original

#347C98

Protanopia

#535491

Deuteranopia

#4F4A90

Tritanopia

#388C8B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE3ED
300
#A4CFE0
400
#72B5CF
500
#419BBE
600
#347C98
700
#2A637A
800
#214D5F
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail 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