#324A46

#324A46

Color Values

HEX

#324A46

RGB

50, 74, 70

HSL

170.0, 19.4%, 24.3%

HSV

170.0, 32.4%, 29.0%

CMYK

32.4%, 0.0%, 5.4%, 71.0%

OKLCH

0.3881 0.0304 183.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#324A46

#4A3236

Analogous

#324A3A

#32424A

#324A46

Triadic

#324A46

#46324A

#4A4632

Split Complementary

#324A46

#4A3242

#4A3A32

Tetradic

#324A46

#3A324A

#4A3236

#424A32

Color Blindness Simulation

Original

#324A46

Protanopia

#3C3D47

Deuteranopia

#3B3947

Tritanopia

#334848

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2E0
300
#B6CECA
400
#8EB3AD
500
#679890
600
#527A73
700
#42615C
800
#334C48
900
#283936
950
#192422

Contrast Checker

Text on white

9.53:1

AA Pass AAA Pass

Text on black

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