#36086A

#36086A

Color Values

HEX

#36086A

RGB

54, 8, 106

HSL

268.2, 86.0%, 22.4%

HSV

268.2, 92.5%, 41.6%

CMYK

49.1%, 92.5%, 0.0%, 58.4%

OKLCH

0.2907 0.1479 296.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#36086A

#3C6A08

Analogous

#080B6A

#67086A

#36086A

Triadic

#36086A

#6A3608

#086A36

Split Complementary

#36086A

#6A6708

#0B6A08

Tetradic

#36086A

#6A080B

#3C6A08

#086A67

Color Blindness Simulation

Original

#36086A

Protanopia

#222252

Deuteranopia

#25284D

Tritanopia

#34403B

Achromatopsia

#191919

CSS Usage

background-color: #36086A;
color: #36086A;
border-color: #36086A;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D9BDFA
300
#BF8DF6
400
#9C50F2
500
#7912ED
600
#610EBE
700
#4D0B98
800
#3C0977
900
#2E0B56
950
#1D0736

Contrast Checker

Text on white

15.0:1

AA Pass AAA Pass

Text on black

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