#362445

#362445

Color Values

HEX

#362445

RGB

54, 36, 69

HSL

272.7, 31.4%, 20.6%

HSV

272.7, 47.8%, 27.1%

CMYK

21.7%, 47.8%, 0.0%, 72.9%

OKLCH

0.298 0.0621 308.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#362445

#334524

Analogous

#262445

#452444

#362445

Triadic

#362445

#453624

#244536

Split Complementary

#362445

#444524

#244526

Tetradic

#362445

#452624

#334524

#244445

Color Blindness Simulation

Original

#362445

Protanopia

#2E2E3D

Deuteranopia

#2F313B

Tritanopia

#353735

Achromatopsia

#2A2A2A

CSS Usage

background-color: #362445;
color: #362445;
border-color: #362445;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DCD0E7
300
#C4AFD5
400
#A383BE
500
#8357A8
600
#694686
700
#54386B
800
#422C54
900
#32233E
950
#1F1627

Contrast Checker

Text on white

14.05:1

AA Pass AAA Pass

Text on black

1.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