Skip to main content
ToolsHub
#330066

#330066 Color — #330066

Complete color reference for #330066: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#330066
RGBrgb(51, 0, 102)
HSLhsl(270, 100%, 20%)
HSVhsv(270, 100%, 40%)
CMYKC:50% M:100% Y:0% K:60%
CSS Color#330066
Decimal3342438
Luminance0.0166

WCAG Accessibility Contrast

#330066 on White
Ratio: 15.76:1 — AAA
#330066 on Black
Ratio: 1.33:1 — Fail
White on #330066
Ratio: 15.76:1 — AAA
Black on #330066
Ratio: 1.33:1 — Fail

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F5F2F7
100#E0D9E8
200#C2B3D1
300#A38CBA
400#7A599C
500#330066
600#290052
700#1F003D
800#140029
900#0D001A

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #330066?

The RGB equivalent is rgb(51, 0, 102). The red channel is 51, green is 0, and blue is 102 (scale 0–255).

What is the HSL value of #330066?

The HSL value is hsl(270, 100%, 20%). Hue is 270°, saturation is 100%, and lightness is 20%.

Does #330066 meet WCAG accessibility standards?

On a white background, #330066 achieves a 15.76:1 contrast ratio (AAA). On a black background it achieves 1.33:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #330066?

The complementary color (180° opposite on the hue wheel) of #330066 is #336600.