Bright Indigo is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #4219E6, which equals rgb(66, 25, 230) in RGB and hsl(252, 80%, 50%) in HSL. In print terms it converts to roughly C71 M89 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#4219E6 - RGB
66, 25, 230 - HSL
252°, 80%, 50% - CMYK
71, 89, 0, 10 - Family
Blue - Tone
Medium, saturated
About Bright 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.36:1. Its complementary color is #BDE61A.
Download Bright 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…
Bright Indigo color codes
| HEX | #4219E6 |
|---|---|
| RGB | rgb(66, 25, 230) |
| HSL | hsl(252, 80%, 50%) |
| HSV | 252°, 89%, 90% |
| CMYK | 71%, 89%, 0%, 10% |
| Decimal | 4332006 |
Shades and tints of Bright Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E0D9FB - 100
#C0B2F7 - 200
#A18CF3 - 300
#8166EE - 400
#623FEA - 500
#4219E6 - 600
#3715C0 - 700
#2C1199 - 800
#210D73 - 900
#16084D - 950
#0B0426
Color harmonies for Bright Indigo
- Complementary
#BDE61A≈ Bright Lime - Analogous −30°
#1A57E6≈ Bright Sapphire - Analogous +30°
#A81AE6≈ Bright Grape - Triadic +120°
#E6421A≈ Bright Vermilion - Triadic +240°
#1AE642≈ Bright Emerald - Split 150°
#E6A81A≈ Bright Amber - Split 210°
#57E61A≈ Bright Leaf
Contrast and accessibility of Bright Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Indigo | Aa | 8.36:1 | AAA (excellent) |
| Black text on Bright Indigo | Aa | 2.51:1 | Fails |
CSS code for Bright Indigo
background-color: #4219E6;color: #4219E6;background-color: rgb(66, 25, 230);background-color: hsl(252, 80%, 50%);:root { --color-bright-indigo: #4219E6; }class="bg-[#4219E6]"Colors similar to Bright Indigo
- Bright Ultramarine
#2E19E6 - Bright Iris
#5719E6 - Medium Light Ultramarine
#3E29FF - Medium Dark Iris
#4000D6 - Medium Light Indigo
#5429FF - Bright Blue
#1919E6 - Medium Dark Bright Iris
#4915C1 - Bright Periwinkle
#6B19E6 - Medium Dark Bright Indigo
#3815C1 - Medium Dark Periwinkle
#5600D6 - Medium Light Blue
#2929FF - Ultramarine
#3F00FF
More blue shades
- Palest Indigo
#D6CCFF - Darkest Bright Indigo
#0D052E - Very Dark Bright Indigo
#180953 - Dark Bright Indigo
#220D77 - Deep Bright Indigo
#2D119C - Medium Dark Bright Indigo
#3815C1 - Medium Light Bright Indigo
#603EEA - Light Bright Indigo
#7F63EE - Pale Bright Indigo
#9D88F2 - Very Pale Bright Indigo
#BBACF6 - Palest Bright Indigo
#D9D1FA
Frequently asked questions
What is the HEX code for Bright Indigo?
The HEX code for Bright Indigo is #4219E6.
What is the RGB value of Bright Indigo?
Bright Indigo has an RGB value of 66, 25, 230 (rgb(66, 25, 230)). In HSL it is 252°, 80%, 50%.
What text color should I use on Bright Indigo?
Use white text on Bright Indigo. White text has a contrast ratio of 8.36:1 and black text has 2.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Indigo?
The complementary color of Bright Indigo is #BDE61A. Analogous colors #1A57E6 and #A81AE6 also pair well.