#345698

#345698

Color Values

HEX

#345698

RGB

52, 86, 152

HSL

219.6, 49.0%, 40.0%

HSV

219.6, 65.8%, 59.6%

CMYK

65.8%, 43.4%, 0.0%, 40.4%

OKLCH

0.4619 0.1147 262.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#345698

#987634

Analogous

#348898

#443498

#345698

Triadic

#345698

#983456

#569834

Split Complementary

#345698

#984434

#889834

Tetradic

#345698

#983488

#987634

#349844

Color Blindness Simulation

Original

#345698

Protanopia

#434388

Deuteranopia

#413E84

Tritanopia

#367B79

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD6ED
300
#A4B8E0
400
#7292CF
500
#416CBE
600
#345698
700
#2A457A
800
#21365F
900
#1B2A46
950
#111A2C

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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