#326372

#326372

Color Values

HEX

#326372

RGB

50, 99, 114

HSL

194.1, 39.0%, 32.2%

HSV

194.1, 56.1%, 44.7%

CMYK

56.1%, 13.2%, 0.0%, 55.3%

OKLCH

0.4717 0.0581 220.2

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#326372

#724132

Analogous

#327261

#324372

#326372

Triadic

#326372

#723263

#637232

Split Complementary

#326372

#723243

#726132

Tetradic

#326372

#613272

#724132

#437232

Color Blindness Simulation

Original

#326372

Protanopia

#47486E

Deuteranopia

#44416E

Tritanopia

#346C6B

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F3
200
#CDE3E9
300
#AACEDA
400
#7CB4C5
500
#4E9AB1
600
#3E7B8E
700
#326271
800
#274D59
900
#1F3941
950
#142429

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

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