#324B48

#324B48

Color Values

HEX

#324B48

RGB

50, 75, 72

HSL

172.8, 20.0%, 24.5%

HSV

172.8, 33.3%, 29.4%

CMYK

33.3%, 0.0%, 4.0%, 70.6%

OKLCH

0.3915 0.031 186.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#324B48

#4B3235

Analogous

#324B3B

#32414B

#324B48

Triadic

#324B48

#48324B

#4B4832

Split Complementary

#324B48

#4B3241

#4B3B32

Tetradic

#324B48

#3B324B

#4B3235

#414B32

Color Blindness Simulation

Original

#324B48

Protanopia

#3D3D49

Deuteranopia

#3B3A49

Tritanopia

#334949

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2E1
300
#B6CECB
400
#8EB4AF
500
#669993
600
#527A76
700
#41625E
800
#334D49
900
#283937
950
#192423

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026