#34538F

#34538F

Color Values

HEX

#34538F

RGB

52, 83, 143

HSL

219.6, 46.7%, 38.2%

HSV

219.6, 63.6%, 56.1%

CMYK

63.6%, 42.0%, 0.0%, 43.9%

OKLCH

0.4492 0.1053 262.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#34538F

#8F7034

Analogous

#34808F

#42348F

#34538F

Triadic

#34538F

#8F3453

#538F34

Split Complementary

#34538F

#8F4234

#808F34

Tetradic

#34538F

#8F3480

#8F7034

#348F42

Color Blindness Simulation

Original

#34538F

Protanopia

#414280

Deuteranopia

#403D7D

Tritanopia

#367572

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EC
300
#A5B9DE
400
#7593CD
500
#446CBB
600
#365796
700
#2B4578
800
#22365E
900
#1C2A45
950
#121A2B

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

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