#364CC9

#364CC9

Color Values

HEX

#364CC9

RGB

54, 76, 201

HSL

231.0, 57.6%, 50.0%

HSV

231.0, 73.1%, 78.8%

CMYK

73.1%, 62.2%, 0.0%, 21.2%

OKLCH

0.4804 0.1945 269.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#364CC9

#C9B336

Analogous

#3696C9

#6936C9

#364CC9

Triadic

#364CC9

#C9364C

#4CC936

Split Complementary

#364CC9

#C96936

#96C936

Tetradic

#364CC9

#C93696

#C9B336

#36C969

Color Blindness Simulation

Original

#364CC9

Protanopia

#4040AB

Deuteranopia

#3E3DA4

Tritanopia

#37938E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C7CDF0
300
#9FA9E5
400
#6A7BD7
500
#364CC9
600
#2B3DA1
700
#233181
800
#1B2664
900
#171F4A
950
#0F132E

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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