#324C5D

#324C5D

Color Values

HEX

#324C5D

RGB

50, 76, 93

HSL

203.7, 30.1%, 28.0%

HSV

203.7, 46.2%, 36.5%

CMYK

46.2%, 18.3%, 0.0%, 63.5%

OKLCH

0.4029 0.0427 237.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#324C5D

#5D4332

Analogous

#325D58

#32365D

#324C5D

Triadic

#324C5D

#5D324C

#4C5D32

Split Complementary

#324C5D

#5D3236

#5D5832

Tetradic

#324C5D

#58325D

#5D4332

#365D32

Color Blindness Simulation

Original

#324C5D

Protanopia

#3D3D59

Deuteranopia

#3C3A58

Tritanopia

#335655

Achromatopsia

#484848

CSS Usage

background-color: #324C5D;
color: #324C5D;
border-color: #324C5D;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DEE6
300
#AFC6D4
400
#84A7BD
500
#5988A6
600
#476C85
700
#39576A
800
#2D4453
900
#23333E
950
#162027

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026