Soft Indigo is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #5233CC, which equals rgb(82, 51, 204) in RGB and hsl(252, 60%, 50%) in HSL. In print terms it converts to roughly C60 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#5233CC - RGB
82, 51, 204 - HSL
252°, 60%, 50% - CMYK
60, 75, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 7.77:1. Its complementary color is #ADCC33.
Download Soft 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…
Soft Indigo color codes
| HEX | #5233CC |
|---|---|
| RGB | rgb(82, 51, 204) |
| HSL | hsl(252, 60%, 50%) |
| HSV | 252°, 75%, 80% |
| CMYK | 60%, 75%, 0%, 20% |
| Decimal | 5387212 |
Shades and tints of Soft Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2DDF7 - 100
#C5BBEE - 200
#A999E6 - 300
#8C77DD - 400
#6F55D5 - 500
#5233CC - 600
#442BAA - 700
#372288 - 800
#291A66 - 900
#1B1144 - 950
#0E0922
Color harmonies for Soft Indigo
- Complementary
#ADCC33≈ Soft Chartreuse - Analogous −30°
#3361CC≈ Soft Cornflower - Analogous +30°
#9E33CC≈ Dark Orchid - Triadic +120°
#CC5233≈ Soft Cinnabar - Triadic +240°
#33CC52≈ Soft Jade - Split 150°
#CC9E33≈ Soft Tangerine - Split 210°
#61CC33≈ Soft Clover
Contrast and accessibility of Soft Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Indigo | Aa | 7.77:1 | AAA (excellent) |
| Black text on Soft Indigo | Aa | 2.70:1 | Fails |
CSS code for Soft Indigo
background-color: #5233CC;color: #5233CC;background-color: rgb(82, 51, 204);background-color: hsl(252, 60%, 50%);:root { --color-soft-indigo: #5233CC; }class="bg-[#5233CC]"Colors similar to Soft Indigo
- Soft Iris
#6133CC - Soft Ultramarine
#4233CC - Soft Periwinkle
#7033CC - Soft Blue
#3333CC - Medium Light Bright Ultramarine
#4F3EEA - Soft Royal
#3342CC - Medium Dark Soft Iris
#512BAB - Iris
#5A4FCF - Medium Light Bright Indigo
#603EEA - Medium Dark Soft Periwinkle
#5E2BAB - Medium Dark Soft Indigo
#452BAB - Medium Light Bright Blue
#3E3EEA
More blue shades
- Palest Bright Indigo
#D9D1FA - Darkest Soft Indigo
#100A29 - Very Dark Soft Indigo
#1D1249 - Dark Soft Indigo
#2A1B6A - Deep Soft Indigo
#37238B - Medium Dark Soft Indigo
#452BAB - Medium Light Soft Indigo
#6D54D4 - Light Soft Indigo
#8974DC - Pale Soft Indigo
#A595E4 - Very Pale Soft Indigo
#C1B6ED - Palest Soft Indigo
#DCD6F5
Frequently asked questions
What is the HEX code for Soft Indigo?
The HEX code for Soft Indigo is #5233CC.
What is the RGB value of Soft Indigo?
Soft Indigo has an RGB value of 82, 51, 204 (rgb(82, 51, 204)). In HSL it is 252°, 60%, 50%.
What text color should I use on Soft Indigo?
Use white text on Soft Indigo. White text has a contrast ratio of 7.77:1 and black text has 2.70:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Indigo?
The complementary color of Soft Indigo is #ADCC33. Analogous colors #3361CC and #9E33CC also pair well.