#334D50

#334D50

Color Values

HEX

#334D50

RGB

51, 77, 80

HSL

186.2, 22.1%, 25.7%

HSV

186.2, 36.2%, 31.4%

CMYK

36.3%, 3.7%, 0.0%, 68.6%

OKLCH

0.4005 0.0319 205.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#334D50

#503633

Analogous

#335045

#333F50

#334D50

Triadic

#334D50

#50334D

#4D5033

Split Complementary

#334D50

#50333F

#504533

Tetradic

#334D50

#453350

#503633

#3F5033

Color Blindness Simulation

Original

#334D50

Protanopia

#3E3E4F

Deuteranopia

#3D3B4F

Tritanopia

#344F4F

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E2E3
300
#B4CDCF
400
#8CB1B6
500
#63969C
600
#4F787D
700
#406064
800
#324B4E
900
#27383A
950
#192325

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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