#36145F

#36145F

Color Values

HEX

#36145F

RGB

54, 20, 95

HSL

267.2, 65.2%, 22.5%

HSV

267.2, 78.9%, 37.3%

CMYK

43.2%, 78.9%, 0.0%, 62.7%

OKLCH

0.2913 0.1241 299.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#36145F

#3D5F14

Analogous

#14175F

#5B145F

#36145F

Triadic

#36145F

#5F3614

#145F36

Split Complementary

#36145F

#5F5B14

#175F14

Tetradic

#36145F

#5F1417

#3D5F14

#145F5B

Color Blindness Simulation

Original

#36145F

Protanopia

#27274D

Deuteranopia

#292C48

Tritanopia

#343F3B

Achromatopsia

#212121

CSS Usage

background-color: #36145F;
color: #36145F;
border-color: #36145F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D9C4F3
300
#BE9AEA
400
#9B63DE
500
#782CD3
600
#6023A9
700
#4D1C87
800
#3C1669
900
#2E144D
950
#1D0D31

Contrast Checker

Text on white

14.77:1

AA Pass AAA Pass

Text on black

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