#364BC9

#364BC9

Color Values

HEX

#364BC9

RGB

54, 75, 201

HSL

231.4, 57.6%, 50.0%

HSV

231.4, 73.1%, 78.8%

CMYK

73.1%, 62.7%, 0.0%, 21.2%

OKLCH

0.4786 0.1956 269.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#364BC9

#C9B436

Analogous

#3695C9

#6A36C9

#364BC9

Triadic

#364BC9

#C9364B

#4BC936

Split Complementary

#364BC9

#C96A36

#95C936

Tetradic

#364BC9

#C93695

#C9B436

#36C96A

Color Blindness Simulation

Original

#364BC9

Protanopia

#3F3FAB

Deuteranopia

#3E3CA3

Tritanopia

#37928D

Achromatopsia

#505050

CSS Usage

background-color: #364BC9;
color: #364BC9;
border-color: #364BC9;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C7CDF0
300
#9FA9E5
400
#6A7AD7
500
#364BC9
600
#2B3CA1
700
#233081
800
#1B2664
900
#171F4A
950
#0F132E

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026