#365396

#365396

Color Values

HEX

#365396

RGB

54, 83, 150

HSL

221.9, 47.1%, 40.0%

HSV

221.9, 64.0%, 58.8%

CMYK

64.0%, 44.7%, 0.0%, 41.2%

OKLCH

0.4549 0.1148 264.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#365396

#967936

Analogous

#368396

#493696

#365396

Triadic

#365396

#963653

#539636

Split Complementary

#365396

#964936

#839636

Tetradic

#365396

#963683

#967936

#369649

Color Blindness Simulation

Original

#365396

Protanopia

#434386

Deuteranopia

#413F82

Tritanopia

#377976

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD5EC
300
#A5B6DF
400
#748FCD
500
#4368BC
600
#365396
700
#2B4278
800
#22345E
900
#1C2845
950
#12192C

Contrast Checker

Text on white

7.41:1

AA Pass AAA Pass

Text on black

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