#324857

#324857

Color Values

HEX

#324857

RGB

50, 72, 87

HSL

204.3, 27.0%, 26.9%

HSV

204.3, 42.5%, 34.1%

CMYK

42.5%, 17.2%, 0.0%, 65.9%

OKLCH

0.3898 0.0375 238.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#324857

#574132

Analogous

#325754

#323657

#324857

Triadic

#324857

#573248

#485732

Split Complementary

#324857

#573236

#575432

Tetradic

#324857

#543257

#574132

#365732

Color Blindness Simulation

Original

#324857

Protanopia

#3C3C53

Deuteranopia

#3A3952

Tritanopia

#335150

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B1C5D2
400
#87A5BA
500
#5D86A2
600
#4A6B82
700
#3C5668
800
#2F4351
900
#25333C
950
#172026

Contrast Checker

Text on white

9.54:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026