#36154B

#36154B

Color Values

HEX

#36154B

RGB

54, 21, 75

HSL

276.7, 56.3%, 18.8%

HSV

276.7, 72.0%, 29.4%

CMYK

28.0%, 72.0%, 0.0%, 70.6%

OKLCH

0.2753 0.0983 309.5

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#36154B

#2A4B15

Analogous

#1B154B

#4B1545

#36154B

Triadic

#36154B

#4B3615

#154B36

Split Complementary

#36154B

#454B15

#154B1B

Tetradic

#36154B

#4B1B15

#2A4B15

#15454B

Color Blindness Simulation

Original

#36154B

Protanopia

#28273E

Deuteranopia

#2A2C3B

Tritanopia

#343431

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#E0C7EF
300
#C99FE4
400
#AD6CD6
500
#9038C7
600
#732D9F
700
#5C2480
800
#481C64
900
#361849
950
#220F2E

Contrast Checker

Text on white

15.38:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026