#345089

#345089

Color Values

HEX

#345089

RGB

52, 80, 137

HSL

220.2, 45.0%, 37.1%

HSV

220.2, 62.0%, 53.7%

CMYK

62.0%, 41.6%, 0.0%, 46.3%

OKLCH

0.4384 0.1002 263.1

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#345089

#896D34

Analogous

#347B89

#433489

#345089

Triadic

#345089

#893450

#508934

Split Complementary

#345089

#894334

#7B8934

Tetradic

#345089

#89347B

#896D34

#348943

Color Blindness Simulation

Original

#345089

Protanopia

#40407B

Deuteranopia

#3E3C78

Tritanopia

#35706E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EB
300
#A6B8DD
400
#7692CB
500
#466CB9
600
#385694
700
#2D4576
800
#23365C
900
#1D2A44
950
#121A2B

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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