#346089

#346089

Color Values

HEX

#346089

RGB

52, 96, 137

HSL

208.9, 45.0%, 37.1%

HSV

208.9, 62.0%, 53.7%

CMYK

62.0%, 29.9%, 0.0%, 46.3%

OKLCH

0.4764 0.0827 248.4

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#346089

#895D34

Analogous

#348988

#343689

#346089

Triadic

#346089

#893460

#608934

Split Complementary

#346089

#893436

#898834

Tetradic

#346089

#883489

#895D34

#368934

Color Blindness Simulation

Original

#346089

Protanopia

#47477F

Deuteranopia

#44417D

Tritanopia

#367776

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEB
300
#A6C3DD
400
#76A2CB
500
#4682B9
600
#386894
700
#2D5376
800
#23415C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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