#345171

#345171

Color Values

HEX

#345171

RGB

52, 81, 113

HSL

211.5, 37.0%, 32.4%

HSV

211.5, 54.0%, 44.3%

CMYK

54.0%, 28.3%, 0.0%, 55.7%

OKLCH

0.4267 0.0639 251.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#345171

#715434

Analogous

#347071

#363471

#345171

Triadic

#345171

#713451

#517134

Split Complementary

#345171

#713634

#707134

Tetradic

#345171

#713470

#715434

#347136

Color Blindness Simulation

Original

#345171

Protanopia

#414169

Deuteranopia

#3F3D67

Tritanopia

#356362

Achromatopsia

#4D4D4D

CSS Usage

background-color: #345171;
color: #345171;
border-color: #345171;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE9
300
#ABC1D8
400
#7E9FC4
500
#507DAF
600
#40648C
700
#335070
800
#283F57
900
#203041
950
#141E29

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026