#325C80

#325C80

Color Values

HEX

#325C80

RGB

50, 92, 128

HSL

207.7, 43.8%, 34.9%

HSV

207.7, 60.9%, 50.2%

CMYK

60.9%, 28.1%, 0.0%, 49.8%

OKLCH

0.4608 0.0755 246.2

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#325C80

#805632

Analogous

#32807D

#323580

#325C80

Triadic

#325C80

#80325C

#5C8032

Split Complementary

#325C80

#803235

#807D32

Tetradic

#325C80

#7D3280

#805632

#358032

Color Blindness Simulation

Original

#325C80

Protanopia

#444577

Deuteranopia

#423F75

Tritanopia

#34706F

Achromatopsia

#565656

CSS Usage

background-color: #325C80;
color: #325C80;
border-color: #325C80;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDCEB
300
#A7C4DD
400
#77A4CA
500
#4884B7
600
#396993
700
#2E5475
800
#24425C
900
#1D3244
950
#13202B

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