#345998

#345998

Color Values

HEX

#345998

RGB

52, 89, 152

HSL

217.8, 49.0%, 40.0%

HSV

217.8, 65.8%, 59.6%

CMYK

65.8%, 41.4%, 0.0%, 40.4%

OKLCH

0.4687 0.111 260.4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#345998

#987334

Analogous

#348B98

#413498

#345998

Triadic

#345998

#983459

#599834

Split Complementary

#345998

#984134

#8B9834

Tetradic

#345998

#98348B

#987334

#349841

Color Blindness Simulation

Original

#345998

Protanopia

#444489

Deuteranopia

#423F85

Tritanopia

#367D7A

Achromatopsia

#565656

CSS Usage

background-color: #345998;
color: #345998;
border-color: #345998;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E6EBF5
200
#CAD7ED
300
#A4BAE0
400
#7295CF
500
#416FBE
600
#345998
700
#2A477A
800
#21385F
900
#1B2B46
950
#111B2C

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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