#36164C

#36164C

Color Values

HEX

#36164C

RGB

54, 22, 76

HSL

275.6, 55.1%, 19.2%

HSV

275.6, 71.1%, 29.8%

CMYK

28.9%, 71.1%, 0.0%, 70.2%

OKLCH

0.2776 0.0979 308.6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#36164C

#2C4C16

Analogous

#1B164C

#4C1647

#36164C

Triadic

#36164C

#4C3616

#164C36

Split Complementary

#36164C

#474C16

#164C1B

Tetradic

#36164C

#4C1B16

#2C4C16

#16474C

Color Blindness Simulation

Original

#36164C

Protanopia

#28283F

Deuteranopia

#2A2C3C

Tritanopia

#343532

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC8EF
300
#C8A0E4
400
#AA6DD5
500
#8D39C6
600
#702E9E
700
#5A257F
800
#461D63
900
#351848
950
#210F2E

Contrast Checker

Text on white

15.26:1

AA Pass AAA Pass

Text on black

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