#344145

#344145

Color Values

HEX

#344145

RGB

52, 65, 69

HSL

194.1, 14.0%, 23.7%

HSV

194.1, 24.6%, 27.1%

CMYK

24.6%, 5.8%, 0.0%, 72.9%

OKLCH

0.3653 0.0183 218.4

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#344145

#453834

Analogous

#344540

#343845

#344145

Triadic

#344145

#453441

#414534

Split Complementary

#344145

#453438

#454034

Tetradic

#344145

#403445

#453834

#384534

Color Blindness Simulation

Original

#344145

Protanopia

#3A3A44

Deuteranopia

#393844

Tritanopia

#354343

Achromatopsia

#3F3F3F

CSS Usage

background-color: #344145;
color: #344145;
border-color: #344145;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DEE0
300
#B9C6CA
400
#93A8AE
500
#6E8991
600
#586E74
700
#46585D
800
#374449
900
#2A3437
950
#1B2122

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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