#326472

#326472

Color Values

HEX

#326472

RGB

50, 100, 114

HSL

193.1, 39.0%, 32.2%

HSV

193.1, 56.1%, 44.7%

CMYK

56.1%, 12.3%, 0.0%, 55.3%

OKLCH

0.4743 0.0582 218.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#326472

#724032

Analogous

#327260

#324472

#326472

Triadic

#326472

#723264

#647232

Split Complementary

#326472

#723244

#726032

Tetradic

#326472

#603272

#724032

#447232

Color Blindness Simulation

Original

#326472

Protanopia

#48486F

Deuteranopia

#45416E

Tritanopia

#346C6B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #326472;
color: #326472;
border-color: #326472;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE3E9
300
#AACFDA
400
#7CB5C5
500
#4E9CB1
600
#3E7C8E
700
#326471
800
#274E59
900
#1F3A41
950
#142529

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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