#334151

#334151

Color Values

HEX

#334151

RGB

51, 65, 81

HSL

212.0, 22.7%, 25.9%

HSV

212.0, 37.0%, 31.8%

CMYK

37.0%, 19.8%, 0.0%, 68.2%

OKLCH

0.3698 0.0332 252.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#334151

#514333

Analogous

#335051

#343351

#334151

Triadic

#334151

#513341

#415133

Split Complementary

#334151

#513433

#505133

Tetradic

#334151

#513350

#514333

#335134

Color Blindness Simulation

Original

#334151

Protanopia

#39394D

Deuteranopia

#38374C

Tritanopia

#344A49

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DBE3
300
#B4C1D0
400
#8B9FB6
500
#637E9C
600
#4F647D
700
#3F5064
800
#313F4E
900
#27303A
950
#181E25

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

2.02:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026