#346571

#346571

Color Values

HEX

#346571

RGB

52, 101, 113

HSL

191.8, 37.0%, 32.4%

HSV

191.8, 54.0%, 44.3%

CMYK

54.0%, 10.6%, 0.0%, 55.7%

OKLCH

0.4774 0.0563 215.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#346571

#714034

Analogous

#34715F

#344771

#346571

Triadic

#346571

#713465

#657134

Split Complementary

#346571

#713447

#715F34

Tetradic

#346571

#5F3471

#714034

#477134

Color Blindness Simulation

Original

#346571

Protanopia

#494A6E

Deuteranopia

#46436D

Tritanopia

#366C6B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE3E9
300
#ABD0D8
400
#7EB6C4
500
#509CAF
600
#407D8C
700
#336470
800
#284E57
900
#203A41
950
#142529

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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