#36166A

#36166A

Color Values

HEX

#36166A

RGB

54, 22, 106

HSL

262.9, 65.6%, 25.1%

HSV

262.9, 79.2%, 41.6%

CMYK

49.1%, 79.2%, 0.0%, 58.4%

OKLCH

0.3044 0.135 294.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#36166A

#4A6A16

Analogous

#16206A

#60166A

#36166A

Triadic

#36166A

#6A3616

#166A36

Split Complementary

#36166A

#6A6016

#206A16

Tetradic

#36166A

#6A1620

#4A6A16

#166A60

Color Blindness Simulation

Original

#36166A

Protanopia

#282856

Deuteranopia

#2A2C51

Tritanopia

#344642

Achromatopsia

#232323

CSS Usage

background-color: #36166A;
color: #36166A;
border-color: #36166A;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D6C4F3
300
#B89AEA
400
#9263DF
500
#6C2CD3
600
#5623A9
700
#451C87
800
#36166A
900
#2A144D
950
#1A0D31

Contrast Checker

Text on white

14.19:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026