#324BCD

#324BCD

Color Values

HEX

#324BCD

RGB

50, 75, 205

HSL

230.3, 60.8%, 50.0%

HSV

230.3, 75.6%, 80.4%

CMYK

75.6%, 63.4%, 0.0%, 19.6%

OKLCH

0.4802 0.2019 268.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#324BCD

#CDB432

Analogous

#3299CD

#6632CD

#324BCD

Triadic

#324BCD

#CD324B

#4BCD32

Split Complementary

#324BCD

#CD6632

#99CD32

Tetradic

#324BCD

#CD3299

#CDB432

#32CD66

Color Blindness Simulation

Original

#324BCD

Protanopia

#3D3DAE

Deuteranopia

#3B3AA6

Tritanopia

#33958F

Achromatopsia

#4F4F4F

CSS Usage

background-color: #324BCD;
color: #324BCD;
border-color: #324BCD;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#677ADA
500
#324BCD
600
#283CA4
700
#203083
800
#192667
900
#161F4B
950
#0E132F

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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