#328FF5

#328FF5

Color Values

HEX

#328FF5

RGB

50, 143, 245

HSL

211.4, 90.7%, 57.8%

HSV

211.4, 79.6%, 96.1%

CMYK

79.6%, 41.6%, 0.0%, 3.9%

OKLCH

0.6474 0.1748 253.9

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#328FF5

#F59832

Analogous

#32F0F5

#3632F5

#328FF5

Triadic

#328FF5

#F5328F

#8FF532

Split Complementary

#328FF5

#F53632

#F0F532

Tetradic

#328FF5

#F532F0

#F59832

#32F536

Color Blindness Simulation

Original

#328FF5

Protanopia

#5A5BDC

Deuteranopia

#554ED6

Tritanopia

#37C9C5

Achromatopsia

#838383

CSS Usage

background-color: #328FF5;
color: #328FF5;
border-color: #328FF5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFC
300
#8ABFF9
400
#4B9DF6
500
#0C7AF3
600
#0962C3
700
#084E9C
800
#063D7A
900
#092F58
950
#061D38

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass 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