#325E72

#325E72

Color Values

HEX

#325E72

RGB

50, 94, 114

HSL

198.8, 39.0%, 32.2%

HSV

198.8, 56.1%, 44.7%

CMYK

56.1%, 17.5%, 0.0%, 55.3%

OKLCH

0.4589 0.0586 229.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#325E72

#724632

Analogous

#327266

#323E72

#325E72

Triadic

#325E72

#72325E

#5E7232

Split Complementary

#325E72

#72323E

#726632

Tetradic

#325E72

#663272

#724632

#3E7232

Color Blindness Simulation

Original

#325E72

Protanopia

#45456D

Deuteranopia

#423F6C

Tritanopia

#346968

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDE0E9
300
#AACBDA
400
#7CAEC5
500
#4E92B1
600
#3E758E
700
#325D71
800
#274959
900
#1F3741
950
#142329

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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