#33006B

#33006B

Color Values

HEX

#33006B

RGB

51, 0, 107

HSL

268,6, 100,0%, 21,0%

HSV

268,6, 100,0%, 42,0%

CMYK

52,3%, 100,0%, 0,0%, 58,0%

OKLCH

0,2815 0,1548 294,8

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#33006B

#386B00

Analogous

#00026B

#69006B

#33006B

Triadic

#33006B

#6B3300

#006B33

Split Complementary

#33006B

#6B6900

#026B00

Tetradic

#33006B

#6B0002

#386B00

#006B69

Color Blindness Simulation

Original

#33006B

Protanopia

#1D1C51

Deuteranopia

#20244B

Tritanopia

#303D38

Achromatopsia

#131313

CSS Usage

background-color: #33006B;
color: #33006B;
border-color: #33006B;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#DAB8FF
300
#BF85FF
400
#9C42FF
500
#7A00FF
600
#6100CC
700
#4E00A3
800
#3D0080
900
#2E055C
950
#1D033A

Contrast Checker

Text on white

15,52:1

AA Pass AAA Pass

Text on black

1,35:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026