#326671

#326671

Color Values

HEX

#326671

RGB

50, 102, 113

HSL

190.5, 38.7%, 32.0%

HSV

190.5, 55.8%, 44.3%

CMYK

55.8%, 9.7%, 0.0%, 55.7%

OKLCH

0.479 0.0581 213.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#326671

#713D32

Analogous

#32715D

#324771

#326671

Triadic

#326671

#713266

#667132

Split Complementary

#326671

#713247

#715D32

Tetradic

#326671

#5D3271

#713D32

#477132

Color Blindness Simulation

Original

#326671

Protanopia

#49496E

Deuteranopia

#46426E

Tritanopia

#356C6C

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4E9
300
#AAD1D9
400
#7CB8C5
500
#4EA0B1
600
#3F808D
700
#326671
800
#275058
900
#203B41
950
#142629

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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