#344656

#344656

Color Values

HEX

#344656

RGB

52, 70, 86

HSL

208.2, 24.6%, 27.1%

HSV

208.2, 39.5%, 33.7%

CMYK

39.5%, 18.6%, 0.0%, 66.3%

OKLCH

0.3856 0.0357 245.7

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#344656

#564434

Analogous

#345655

#343556

#344656

Triadic

#344656

#563446

#465634

Split Complementary

#344656

#563435

#565534

Tetradic

#344656

#553456

#564434

#355634

Color Blindness Simulation

Original

#344656

Protanopia

#3C3C52

Deuteranopia

#3B3951

Tritanopia

#354F4E

Achromatopsia

#434343

CSS Usage

background-color: #344656;
color: #344656;
border-color: #344656;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DCE4
300
#B3C3D1
400
#89A2B8
500
#60819F
600
#4D687F
700
#3E5366
800
#30414F
900
#26313B
950
#181F25

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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