Pure Indigo is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #3300FF, which equals rgb(51, 0, 255) in RGB and hsl(252, 100%, 50%) in HSL. In print terms it converts to roughly C80 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#3300FF - RGB
51, 0, 255 - HSL
252°, 100%, 50% - CMYK
80, 100, 0, 0 - Family
Blue - Tone
Medium, vivid
About Pure Indigo
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 8.12:1. Its complementary color is #CCFF00.
Download Pure Indigo as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pure Indigo color codes
| HEX | #3300FF |
|---|---|
| RGB | rgb(51, 0, 255) |
| HSL | hsl(252, 100%, 50%) |
| HSV | 252°, 100%, 100% |
| CMYK | 80%, 100%, 0%, 0% |
| Decimal | 3342591 |
Shades and tints of Pure Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDD5FF - 100
#BBAAFF - 200
#9980FF - 300
#7755FF - 400
#552BFF - 500
#3300FF - 600
#2B00D5 - 700
#2200AA - 800
#1A0080 - 900
#110055 - 950
#09002B
Color harmonies for Pure Indigo
- Complementary
#CCFF00≈ Citron - Analogous −30°
#004CFF≈ Pure Cobalt - Analogous +30°
#B300FF≈ Pure Purple - Triadic +120°
#FF3300≈ Scarlet - Triadic +240°
#00FF33≈ Pure Kelly - Split 150°
#FFB300≈ Pure Amber - Split 210°
#4CFF00≈ Pure Clover
Contrast and accessibility of Pure Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Indigo | Aa | 8.12:1 | AAA (excellent) |
| Black text on Pure Indigo | Aa | 2.58:1 | Fails |
CSS code for Pure Indigo
background-color: #3300FF;color: #3300FF;background-color: rgb(51, 0, 255);background-color: hsl(252, 100%, 50%);:root { --color-pure-indigo: #3300FF; }class="bg-[#3300FF]"Colors similar to Pure Indigo
- Ultramarine
#3F00FF - Pure Ultramarine
#1900FF - Pure Iris
#4D00FF - Bright Ultramarine
#2E19E6 - Bright Indigo
#4219E6 - Medium Dark Indigo
#2B00D6 - Medium Dark Iris
#4000D6 - Blue
#0000FF - Bright Blue
#1919E6 - Pure Periwinkle
#6600FF - Medium Dark Ultramarine
#1500D6 - Medium Light Blue
#2929FF
More blue shades
- Palest Dusty Ultramarine
#E1E0EB - Darkest Indigo
#0A0033 - Very Dark Indigo
#12005C - Dark Indigo
#1B0085 - Deep Indigo
#2300AD - Medium Dark Indigo
#2B00D6 - Medium Light Indigo
#5429FF - Light Indigo
#7452FF - Pale Indigo
#957AFF - Very Pale Indigo
#B6A3FF - Palest Indigo
#D6CCFF
Frequently asked questions
What is the HEX code for Pure Indigo?
The HEX code for Pure Indigo is #3300FF.
What is the RGB value of Pure Indigo?
Pure Indigo has an RGB value of 51, 0, 255 (rgb(51, 0, 255)). In HSL it is 252°, 100%, 50%.
What text color should I use on Pure Indigo?
Use white text on Pure Indigo. White text has a contrast ratio of 8.12:1 and black text has 2.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Indigo?
The complementary color of Pure Indigo is #CCFF00. Analogous colors #004CFF and #B300FF also pair well.