#345962

#345962

Color Values

HEX

#345962

RGB

52, 89, 98

HSL

191.7, 30.7%, 29.4%

HSV

191.7, 46.9%, 38.4%

CMYK

46.9%, 9.2%, 0.0%, 61.6%

OKLCH

0.4399 0.0448 215.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#345962

#623D34

Analogous

#346254

#344262

#345962

Triadic

#345962

#623459

#596234

Split Complementary

#345962

#623442

#625434

Tetradic

#345962

#543462

#623D34

#426234

Color Blindness Simulation

Original

#345962

Protanopia

#444460

Deuteranopia

#423F5F

Tritanopia

#365E5E

Achromatopsia

#525252

CSS Usage

background-color: #345962;
color: #345962;
border-color: #345962;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E2E6
300
#AFCDD5
400
#84B2BE
500
#5897A7
600
#477985
700
#39616B
800
#2C4C53
900
#23393E
950
#162427

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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