#33075C

#33075C

Color Values

HEX

#33075C

RGB

51, 7, 92

HSL

271.1, 85.9%, 19.4%

HSV

271.1, 92.4%, 36.1%

CMYK

44.6%, 92.4%, 0.0%, 63.9%

OKLCH

0.271 0.1336 300.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#33075C

#305C07

Analogous

#09075C

#5C075A

#33075C

Triadic

#33075C

#5C3307

#075C33

Split Complementary

#33075C

#5A5C07

#075C09

Tetradic

#33075C

#5C0907

#305C07

#075A5C

Color Blindness Simulation

Original

#33075C

Protanopia

#202047

Deuteranopia

#222642

Tritanopia

#313734

Achromatopsia

#161616

CSS Usage

background-color: #33075C;
color: #33075C;
border-color: #33075C;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBDFA
300
#C48DF6
400
#A450F2
500
#8412ED
600
#690EBE
700
#540C98
800
#420977
900
#320B56
950
#1F0736

Contrast Checker

Text on white

15.84:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026