#328BEF

#328BEF

Color Values

HEX

#328BEF

RGB

50, 139, 239

HSL

211.7, 85.5%, 56.7%

HSV

211.7, 79.1%, 93.7%

CMYK

79.1%, 41.8%, 0.0%, 6.3%

OKLCH

0.635 0.1715 254.2

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#328BEF

#EF9632

Analogous

#32EAEF

#3832EF

#328BEF

Triadic

#328BEF

#EF328B

#8BEF32

Split Complementary

#328BEF

#EF3832

#EAEF32

Tetradic

#328BEF

#EF32EA

#EF9632

#32EF38

Color Blindness Simulation

Original

#328BEF

Protanopia

#5959D7

Deuteranopia

#534DD1

Tritanopia

#36C4C0

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDDAFA
300
#8DBFF6
400
#509CF1
500
#1279ED
600
#0F61BD
700
#0C4E97
800
#093D76
900
#0B2E56
950
#071D36

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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