Indigo Complementary Color Scheme
Five colors arranged by the complementary rule around Indigo (#4B0082), each snapped to its nearest named color.
#4B0082
#8806CE
#388004
#133700
#66EE00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Indigo | #4B0082 | 75, 0, 130 | 275°, 100%, 25% | 42, 100, 0, 49 | |
| French Violet | #8806CE | 136, 6, 206 | 279°, 94%, 42% | 34, 97, 0, 19 | |
| Green People | #388004 | 56, 128, 4 | 95°, 94%, 26% | 56, 0, 97, 50 | |
| Elite Green | #133700 | 19, 55, 0 | 99°, 100%, 11% | 65, 0, 100, 78 | |
| Sparkling Green | #66EE00 | 102, 238, 0 | 94°, 100%, 47% | 57, 0, 100, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #133700 on #66EE00 | 8.76:1 | AAA |
| Aa #4B0082 on #66EE00 | 8.51:1 | AAA |
| Aa #8806CE on #66EE00 | 4.65:1 | AA |
| Aa #388004 on #66EE00 | 3.24:1 | AA large |
| Aa #388004 on #133700 | 2.70:1 | — |
| Aa #4B0082 on #388004 | 2.63:1 | — |
CSS variables
:root {
--color-1: #4b0082; /* Indigo */
--color-2: #8806ce; /* French Violet */
--color-3: #388004; /* Green People */
--color-4: #133700; /* Elite Green */
--color-5: #66ee00; /* Sparkling Green */
}Other schemes from Indigo
- Indigo Analogous Color Scheme#003686#000080#4B0082#81007F#880033
- Indigo Triadic Color Scheme#4B0082#804A00#00844B#8F00F1#341C02
- Indigo Split-complementary Color Scheme#4B0082#758000#00800C#160435#BFCF00
- Indigo Tetradic Color Scheme#4B0082#840804#388004#007B84#8F00F1
- Indigo Monochromatic Color Scheme#0B0119#160435#4B0082#6600CC#9F0FEF
More Dark Purple complementary palettes
- Acai Complementary Color Scheme#48295B#734F96#2D5E22#172713#66A545
- Blackmail Complementary Color Scheme#220066#510AC9#4D6D08#0F180A#88CC00
- Call It a Night Complementary Color Scheme#42364C#75528B#445533#172713#769358
- Child of the Night Complementary Color Scheme#220077#3300CC#447700#172808#99DD00
- Dark Dreams Complementary Color Scheme#332266#5930A9#526525#223311#93B13D
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Elegant Purple Gown Complementary Color Scheme#552367#8833AA#346E23#112A12#51B73B
- Explorer of the Galaxies Complementary Color Scheme#3A1F76#5533BB#536B1F#333311#9ACD32
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Fabric of Space Complementary Color Scheme#341758#5930A9#35530A#0F180A#71AA34
- Fading Horizon Complementary Color Scheme#442266#7737AA#526525#172713#70B23F
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
Questions
What colors go with Indigo?
In a complementary scheme: French Violet (#8806CE), Green People (#388004), Elite Green (#133700), Sparkling Green (#66EE00).
What is the hex code of Indigo?
#4B0082.