#334144

#334144

Color Values

HEX

#334144

RGB

51, 65, 68

HSL

190.6, 14.3%, 23.3%

HSV

190.6, 25.0%, 26.7%

CMYK

25.0%, 4.4%, 0.0%, 73.3%

OKLCH

0.3641 0.0189 212.2

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#334144

#443633

Analogous

#33443E

#333844

#334144

Triadic

#334144

#443341

#414433

Split Complementary

#334144

#443338

#443E33

Tetradic

#334144

#3E3344

#443633

#384433

Color Blindness Simulation

Original

#334144

Protanopia

#393943

Deuteranopia

#383743

Tritanopia

#344343

Achromatopsia

#3E3E3E

CSS Usage

background-color: #334144;
color: #334144;
border-color: #334144;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C7CB
400
#93A9AE
500
#6D8B92
600
#576F75
700
#46595D
800
#374649
900
#2A3437
950
#1B2123

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

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