#363360

#363360

Color Values

HEX

#363360

RGB

54, 51, 96

HSL

244.0, 30.6%, 28.8%

HSV

244.0, 46.9%, 37.6%

CMYK

43.7%, 46.9%, 0.0%, 62.4%

OKLCH

0.3474 0.077 284.7

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#363360

#5D6033

Analogous

#334660

#4C3360

#363360

Triadic

#363360

#603633

#336036

Split Complementary

#363360

#604C33

#466033

Tetradic

#363360

#603346

#5D6033

#33604C

Color Blindness Simulation

Original

#363360

Protanopia

#353555

Deuteranopia

#353552

Tritanopia

#364D4B

Achromatopsia

#373737

CSS Usage

background-color: #363360;
color: #363360;
border-color: #363360;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D0E6
300
#B2AFD5
400
#8884BE
500
#5E58A7
600
#4B4785
700
#3C396B
800
#2F2C53
900
#25233E
950
#171627

Contrast Checker

Text on white

11.67:1

AA Pass AAA Pass

Text on black

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