#326386

#326386

Color Values

HEX

#326386

RGB

50, 99, 134

HSL

205.0, 45.7%, 36.1%

HSV

205.0, 62.7%, 52.5%

CMYK

62.7%, 26.1%, 0.0%, 47.5%

OKLCH

0.4813 0.0777 241.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#326386

#865532

Analogous

#32867F

#323986

#326386

Triadic

#326386

#863263

#638632

Split Complementary

#326386

#863239

#867F32

Tetradic

#326386

#7F3286

#865532

#398632

Color Blindness Simulation

Original

#326386

Protanopia

#47487E

Deuteranopia

#44417C

Tritanopia

#347775

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEC
300
#A6C6DE
400
#76A8CC
500
#4589BA
600
#376E95
700
#2C5877
800
#23455D
900
#1D3444
950
#12212B

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026