#334952

#334952

Color Values

HEX

#334952

RGB

51, 73, 82

HSL

197.4, 23.3%, 26.1%

HSV

197.4, 37.8%, 32.2%

CMYK

37.8%, 11.0%, 0.0%, 67.8%

OKLCH

0.3908 0.0312 225.2

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#334952

#523C33

Analogous

#33524C

#333A52

#334952

Triadic

#334952

#523349

#495233

Split Complementary

#334952

#52333A

#524C33

Tetradic

#334952

#4C3352

#523C33

#3A5233

Color Blindness Simulation

Original

#334952

Protanopia

#3D3D50

Deuteranopia

#3B3A4F

Tritanopia

#344E4E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE4
300
#B4C8D0
400
#8BAAB7
500
#628C9D
600
#4E707E
700
#3F5A65
800
#31464F
900
#26353B
950
#182125

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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