#324C4D

#324C4D

Color Values

HEX

#324C4D

RGB

50, 76, 77

HSL

182.2, 21.3%, 24.9%

HSV

182.2, 35.1%, 30.2%

CMYK

35.1%, 1.3%, 0.0%, 69.8%

OKLCH

0.396 0.0316 199.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#324C4D

#4D3332

Analogous

#324D40

#323F4D

#324C4D

Triadic

#324C4D

#4D324C

#4C4D32

Split Complementary

#324C4D

#4D323F

#4D4032

Tetradic

#324C4D

#40324D

#4D3332

#3F4D32

Color Blindness Simulation

Original

#324C4D

Protanopia

#3D3D4D

Deuteranopia

#3C3A4D

Tritanopia

#334D4D

Achromatopsia

#474747

CSS Usage

background-color: #324C4D;
color: #324C4D;
border-color: #324C4D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CECF
400
#8DB3B5
500
#64999B
600
#507A7C
700
#406263
800
#324C4D
900
#27393A
950
#192424

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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