#345C70

#345C70

Color Values

HEX

#345C70

RGB

52, 92, 112

HSL

200.0, 36.6%, 32.2%

HSV

200.0, 53.6%, 43.9%

CMYK

53.6%, 17.9%, 0.0%, 56.1%

OKLCH

0.4539 0.0557 231.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#345C70

#704834

Analogous

#347066

#343E70

#345C70

Triadic

#345C70

#70345C

#5C7034

Split Complementary

#345C70

#70343E

#706634

Tetradic

#345C70

#663470

#704834

#3E7034

Color Blindness Simulation

Original

#345C70

Protanopia

#45466B

Deuteranopia

#43406A

Tritanopia

#366766

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEE0E8
300
#ABC9D8
400
#7EACC3
500
#518FAE
600
#41728B
700
#345C6F
800
#284857
900
#203640
950
#152229

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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