#324552

#324552

Color Values

HEX

#324552

RGB

50, 69, 82

HSL

204.4, 24.2%, 25.9%

HSV

204.4, 39.0%, 32.2%

CMYK

39.0%, 15.9%, 0.0%, 67.8%

OKLCH

0.3797 0.0328 238.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#324552

#523F32

Analogous

#32524F

#323552

#324552

Triadic

#324552

#523245

#455232

Split Complementary

#324552

#523235

#524F32

Tetradic

#324552

#4F3252

#523F32

#355232

Color Blindness Simulation

Original

#324552

Protanopia

#3A3A4F

Deuteranopia

#39384E

Tritanopia

#334C4C

Achromatopsia

#424242

CSS Usage

background-color: #324552;
color: #324552;
border-color: #324552;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D3DDE4
300
#B3C5D1
400
#8AA5B7
500
#61859E
600
#4D6B7F
700
#3E5565
800
#30434F
900
#26323B
950
#182025

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

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