#33086A

#33086A

Color Values

HEX

#33086A

RGB

51, 8, 106

HSL

266.3, 86.0%, 22.4%

HSV

266.3, 92.5%, 41.6%

CMYK

51.9%, 92.5%, 0.0%, 58.4%

OKLCH

0.2868 0.1476 294.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#33086A

#3F6A08

Analogous

#080E6A

#64086A

#33086A

Triadic

#33086A

#6A3308

#086A33

Split Complementary

#33086A

#6A6408

#0E6A08

Tetradic

#33086A

#6A080E

#3F6A08

#086A64

Color Blindness Simulation

Original

#33086A

Protanopia

#202052

Deuteranopia

#23264D

Tritanopia

#31403B

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BDFA
300
#BB8DF6
400
#9750F2
500
#7212ED
600
#5B0EBE
700
#490B98
800
#390977
900
#2C0B56
950
#1C0736

Contrast Checker

Text on white

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