#345D80

#345D80

Color Values

HEX

#345D80

RGB

52, 93, 128

HSL

207.6, 42.2%, 35.3%

HSV

207.6, 59.4%, 50.2%

CMYK

59.4%, 27.3%, 0.0%, 49.8%

OKLCH

0.4643 0.0736 246.0

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#345D80

#805734

Analogous

#34807D

#343780

#345D80

Triadic

#345D80

#80345D

#5D8034

Split Complementary

#345D80

#803437

#807D34

Tetradic

#345D80

#7D3480

#805734

#378034

Color Blindness Simulation

Original

#345D80

Protanopia

#464678

Deuteranopia

#434076

Tritanopia

#36716F

Achromatopsia

#575757

CSS Usage

background-color: #345D80;
color: #345D80;
border-color: #345D80;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C4DC
400
#79A4C8
500
#4A84B5
600
#3B6991
700
#2F5474
800
#25425B
900
#1E3243
950
#13202A

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026