#34548D

#34548D

Color Values

HEX

#34548D

RGB

52, 84, 141

HSL

218.4, 46.1%, 37.8%

HSV

218.4, 63.1%, 55.3%

CMYK

63.1%, 40.4%, 0.0%, 44.7%

OKLCH

0.4502 0.1011 261.1

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#34548D

#8D6D34

Analogous

#34808D

#40348D

#34548D

Triadic

#34548D

#8D3454

#548D34

Split Complementary

#34548D

#8D4034

#808D34

Tetradic

#34548D

#8D3480

#8D6D34

#348D40

Color Blindness Simulation

Original

#34548D

Protanopia

#42427F

Deuteranopia

#403E7C

Tritanopia

#367472

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A6BADE
400
#7594CC
500
#456FBA
600
#375995
700
#2C4777
800
#22385D
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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