#345F83

#345F83

Color Values

HEX

#345F83

RGB

52, 95, 131

HSL

207.3, 43.2%, 35.9%

HSV

207.3, 60.3%, 51.4%

CMYK

60.3%, 27.5%, 0.0%, 48.6%

OKLCH

0.4708 0.0758 245.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#345F83

#835834

Analogous

#348380

#343883

#345F83

Triadic

#345F83

#83345F

#5F8334

Split Complementary

#345F83

#833438

#838034

Tetradic

#345F83

#803483

#835834

#388334

Color Blindness Simulation

Original

#345F83

Protanopia

#47477A

Deuteranopia

#444178

Tritanopia

#367372

Achromatopsia

#585858

CSS Usage

background-color: #345F83;
color: #345F83;
border-color: #345F83;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEB
300
#A7C4DC
400
#78A4C9
500
#4884B7
600
#3A6A92
700
#2E5575
800
#24425B
900
#1E3243
950
#13202A

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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