#344C65

#344C65

Color Values

HEX

#344C65

RGB

52, 76, 101

HSL

210.6, 32.0%, 30.0%

HSV

210.6, 48.5%, 39.6%

CMYK

48.5%, 24.8%, 0.0%, 60.4%

OKLCH

0.4081 0.0516 250.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#344C65

#654D34

Analogous

#346465

#353465

#344C65

Triadic

#344C65

#65344C

#4C6534

Split Complementary

#344C65

#653534

#646534

Tetradic

#344C65

#653464

#654D34

#346535

Color Blindness Simulation

Original

#344C65

Protanopia

#3E3F5F

Deuteranopia

#3D3B5D

Tritanopia

#355A59

Achromatopsia

#494949

CSS Usage

background-color: #344C65;
color: #344C65;
border-color: #344C65;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DBE7
300
#AEC1D5
400
#82A0BF
500
#577FA8
600
#456587
700
#37516C
800
#2B3F54
900
#22303E
950
#161E27

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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