#346185

#346185

Color Values

HEX

#346185

RGB

52, 97, 133

HSL

206.7, 43.8%, 36.3%

HSV

206.7, 60.9%, 52.2%

CMYK

60.9%, 27.1%, 0.0%, 47.8%

OKLCH

0.4767 0.0768 244.6

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#346185

#855834

Analogous

#348581

#343885

#346185

Triadic

#346185

#853461

#618534

Split Complementary

#346185

#853438

#858134

Tetradic

#346185

#813485

#855834

#388534

Color Blindness Simulation

Original

#346185

Protanopia

#47487C

Deuteranopia

#45427A

Tritanopia

#367574

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEB
300
#A7C5DD
400
#77A5CA
500
#4886B7
600
#396B93
700
#2E5675
800
#24435C
900
#1D3344
950
#13202B

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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