#324B42

#324B42

Color Values

HEX

#324B42

RGB

50, 75, 66

HSL

158.4, 20.0%, 24.5%

HSV

158.4, 33.3%, 29.4%

CMYK

33.3%, 0.0%, 12.0%, 70.6%

OKLCH

0.3894 0.0344 170.1

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#324B42

#4B323B

Analogous

#324B35

#32474B

#324B42

Triadic

#324B42

#42324B

#4B4232

Split Complementary

#324B42

#4B3247

#4B3532

Tetradic

#324B42

#35324B

#4B323B

#474B32

Color Blindness Simulation

Original

#324B42

Protanopia

#3D3D44

Deuteranopia

#3B3A45

Tritanopia

#334646

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC5
400
#8EB4A6
500
#669987
600
#527A6C
700
#416256
800
#334D43
900
#283933
950
#192420

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026