#345790

#345790

Color Values

HEX

#345790

RGB

52, 87, 144

HSL

217.2, 46.9%, 38.4%

HSV

217.2, 63.9%, 56.5%

CMYK

63.9%, 39.6%, 0.0%, 43.5%

OKLCH

0.4591 0.1019 259.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#345790

#906D34

Analogous

#348590

#3F3490

#345790

Triadic

#345790

#903457

#579034

Split Complementary

#345790

#903F34

#859034

Tetradic

#345790

#903485

#906D34

#34903F

Color Blindness Simulation

Original

#345790

Protanopia

#434382

Deuteranopia

#413E7F

Tritanopia

#367775

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A5BBDF
400
#7496CD
500
#4471BB
600
#365B96
700
#2B4878
800
#22395E
900
#1C2C45
950
#121C2C

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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