#345398

#345398

Color Values

HEX

#345398

RGB

52, 83, 152

HSL

221.4, 49.0%, 40.0%

HSV

221.4, 65.8%, 59.6%

CMYK

65.8%, 45.4%, 0.0%, 40.4%

OKLCH

0.4552 0.1184 264.1

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#345398

#987934

Analogous

#348598

#473498

#345398

Triadic

#345398

#983453

#539834

Split Complementary

#345398

#984734

#859834

Tetradic

#345398

#983485

#987934

#349847

Color Blindness Simulation

Original

#345398

Protanopia

#414287

Deuteranopia

#403D83

Tritanopia

#367A77

Achromatopsia

#515151

CSS Usage

background-color: #345398;
color: #345398;
border-color: #345398;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD5ED
300
#A4B6E0
400
#728FCF
500
#4168BE
600
#345398
700
#2A427A
800
#21345F
900
#1B2846
950
#11192C

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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