#364796

#364796

Color Values

HEX

#364796

RGB

54, 71, 150

HSL

229.4, 47.1%, 40.0%

HSV

229.4, 64.0%, 58.8%

CMYK

64.0%, 52.7%, 0.0%, 41.2%

OKLCH

0.4289 0.1306 270.8

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#364796

#968536

Analogous

#367796

#553696

#364796

Triadic

#364796

#963647

#479636

Split Complementary

#364796

#965536

#779636

Tetradic

#364796

#963677

#968536

#369655

Color Blindness Simulation

Original

#364796

Protanopia

#3D3E83

Deuteranopia

#3C3B7E

Tritanopia

#377470

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E9F4
200
#CAD0EC
300
#A5AFDF
400
#7484CD
500
#4359BC
600
#364796
700
#2B3978
800
#222C5E
900
#1C2345
950
#12162C

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026