#325F72

#325F72

Color Values

HEX

#325F72

RGB

50, 95, 114

HSL

197.8, 39.0%, 32.2%

HSV

197.8, 56.1%, 44.7%

CMYK

56.1%, 16.7%, 0.0%, 55.3%

OKLCH

0.4614 0.0584 227.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#325F72

#724532

Analogous

#327265

#323F72

#325F72

Triadic

#325F72

#72325F

#5F7232

Split Complementary

#325F72

#72323F

#726532

Tetradic

#325F72

#653272

#724532

#3F7232

Color Blindness Simulation

Original

#325F72

Protanopia

#45466D

Deuteranopia

#43406C

Tritanopia

#346A69

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7F0F3
200
#CDE1E9
300
#AACCDA
400
#7CB0C5
500
#4E94B1
600
#3E768E
700
#325F71
800
#274A59
900
#1F3741
950
#142329

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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