#344355

#344355

Color Values

HEX

#344355

RGB

52, 67, 85

HSL

212.7, 24.1%, 26.9%

HSV

212.7, 38.8%, 33.3%

CMYK

38.8%, 21.2%, 0.0%, 66.7%

OKLCH

0.3775 0.0366 253.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#344355

#554634

Analogous

#345455

#363455

#344355

Triadic

#344355

#553443

#435534

Split Complementary

#344355

#553634

#545534

Tetradic

#344355

#553454

#554634

#345536

Color Blindness Simulation

Original

#344355

Protanopia

#3A3B51

Deuteranopia

#3A3850

Tritanopia

#354D4C

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DBE4
300
#B3C0D1
400
#8A9FB7
500
#617D9E
600
#4D647F
700
#3E5065
800
#303E4F
900
#26303B
950
#181E25

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

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