#347198

#347198

Color Values

HEX

#347198

RGB

52, 113, 152

HSL

203.4, 49.0%, 40.0%

HSV

203.4, 65.8%, 59.6%

CMYK

65.8%, 25.7%, 0.0%, 40.4%

OKLCH

0.5258 0.088 239.5

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#347198

#985B34

Analogous

#34988D

#343F98

#347198

Triadic

#347198

#983471

#719834

Split Complementary

#347198

#98343F

#988D34

Tetradic

#347198

#8D3498

#985B34

#3F9834

Color Blindness Simulation

Original

#347198

Protanopia

#4E4F8F

Deuteranopia

#4B468C

Tritanopia

#378785

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CADFED
300
#A4C8E0
400
#72ABCF
500
#418DBE
600
#347198
700
#2A5A7A
800
#21475F
900
#1B3546
950
#11222C

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

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