#325463

#325463

Color Values

HEX

#325463

RGB

50, 84, 99

HSL

198.4, 32.9%, 29.2%

HSV

198.4, 49.5%, 38.8%

CMYK

49.5%, 15.2%, 0.0%, 61.2%

OKLCH

0.4263 0.0467 227.9

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#325463

#634132

Analogous

#326359

#323B63

#325463

Triadic

#325463

#633254

#546332

Split Complementary

#325463

#63323B

#635932

Tetradic

#325463

#593263

#634132

#3B6332

Color Blindness Simulation

Original

#325463

Protanopia

#41415F

Deuteranopia

#3F3C5E

Tritanopia

#345D5C

Achromatopsia

#4E4E4E

CSS Usage

background-color: #325463;
color: #325463;
border-color: #325463;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E7
300
#AECAD6
400
#82ADC0
500
#5690A9
600
#447388
700
#375C6C
800
#2B4855
900
#22363F
950
#162228

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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