#364096

#364096

Color Values

HEX

#364096

RGB

54, 64, 150

HSL

233.8, 47.1%, 40.0%

HSV

233.8, 64.0%, 58.8%

CMYK

64.0%, 57.3%, 0.0%, 41.2%

OKLCH

0.4146 0.14 273.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#364096

#968C36

Analogous

#367096

#5C3696

#364096

Triadic

#364096

#963640

#409636

Split Complementary

#364096

#965C36

#709636

Tetradic

#364096

#963670

#968C36

#36965C

Color Blindness Simulation

Original

#364096

Protanopia

#3A3A81

Deuteranopia

#3A397C

Tritanopia

#36716D

Achromatopsia

#444444

CSS Usage

background-color: #364096;
color: #364096;
border-color: #364096;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACEEC
300
#A5ABDF
400
#747DCD
500
#4350BC
600
#364096
700
#2B3378
800
#22285E
900
#1C2045
950
#12142C

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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