#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026