#345B73

#345B73

Color Values

HEX

#345B73

RGB

52, 91, 115

HSL

202.9, 37.7%, 32.7%

HSV

202.9, 54.8%, 45.1%

CMYK

54.8%, 20.9%, 0.0%, 54.9%

OKLCH

0.4527 0.0593 237.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#345B73

#734C34

Analogous

#34736B

#343B73

#345B73

Triadic

#345B73

#73345B

#5B7334

Split Complementary

#345B73

#73343B

#736B34

Tetradic

#345B73

#6B3473

#734C34

#3B7334

Color Blindness Simulation

Original

#345B73

Protanopia

#45456D

Deuteranopia

#43406C

Tritanopia

#366968

Achromatopsia

#545454

CSS Usage

background-color: #345B73;
color: #345B73;
border-color: #345B73;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDEE9
300
#ABC7D9
400
#7DA9C4
500
#4F8BB0
600
#406F8C
700
#335970
800
#284558
900
#203441
950
#142129

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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