#334C48

#334C48

Color Values

HEX

#334C48

RGB

51, 76, 72

HSL

170.4, 19.7%, 24.9%

HSV

170.4, 32.9%, 29.8%

CMYK

32.9%, 0.0%, 5.3%, 70.2%

OKLCH

0.3948 0.0314 183.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#334C48

#4C3337

Analogous

#334C3B

#33434C

#334C48

Triadic

#334C48

#48334C

#4C4833

Split Complementary

#334C48

#4C3343

#4C3B33

Tetradic

#334C48

#3B334C

#4C3337

#434C33

Color Blindness Simulation

Original

#334C48

Protanopia

#3E3E49

Deuteranopia

#3C3A49

Tritanopia

#344A4A

Achromatopsia

#464646

CSS Usage

background-color: #334C48;
color: #334C48;
border-color: #334C48;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2E0
300
#B6CECA
400
#8EB3AD
500
#669991
600
#527A74
700
#42625D
800
#334C48
900
#283936
950
#192422

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

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