Indigo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Indigo (#4B0082), each snapped to its nearest named color.
#4B0082
#758000
#00800C
#160435
#BFCF00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Indigo | #4B0082 | 75, 0, 130 | 275°, 100%, 25% | 42, 100, 0, 49 | 33.9% 0.179 302 | |
| Verde Tropa | #758000 | 117, 128, 0 | 65°, 100%, 25% | 9, 0, 100, 50 | 57.1% 0.130 116 | |
| Ao | #00800C | 0, 128, 12 | 126°, 100%, 25% | 100, 0, 91, 50 | 52.0% 0.173 143 | |
| Quiet Abyss | #160435 | 22, 4, 53 | 262°, 86%, 11% | 58, 92, 0, 79 | 18.4% 0.089 293 | |
| Garlic Pesto | #BFCF00 | 191, 207, 0 | 65°, 100%, 41% | 8, 0, 100, 19 | 81.4% 0.185 115 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #160435 on #BFCF00 | 11.01:1 | AAA |
| Aa #4B0082 on #BFCF00 | 7.49:1 | AAA |
| Aa #758000 on #160435 | 4.39:1 | AA large |
| Aa #00800C on #160435 | 3.71:1 | AA large |
| Aa #4B0082 on #758000 | 2.99:1 | — |
| Aa #00800C on #BFCF00 | 2.97:1 | — |
CSS variables
:root {
--color-1: #4b0082; /* Indigo */
--color-2: #758000; /* Verde Tropa */
--color-3: #00800c; /* Ao */
--color-4: #160435; /* Quiet Abyss */
--color-5: #bfcf00; /* Garlic Pesto */
}Other schemes from Indigo
- Indigo Complementary Color Scheme#4B0082#8806CE#388004#133700#66EE00
- Indigo Analogous Color Scheme#003686#000080#4B0082#81007F#880033
- Indigo Triadic Color Scheme#4B0082#804A00#00844B#8F00F1#341C02
- Indigo Tetradic Color Scheme#4B0082#840804#388004#007B84#8F00F1
- Indigo Monochromatic Color Scheme#0B0119#160435#4B0082#6600CC#9F0FEF
More dark purple split-complementary color schemes
- Acai Split-complementary Color Scheme#48295B#555B2C#2B5D34#17182B#8B8C40
- Blackmail Split-complementary Color Scheme#220066#665500#046307#0B0119#B29700
- Call It a Night Split-complementary Color Scheme#42364C#515131#2E4E36#161820#7F8353
- Child of the Night Split-complementary Color Scheme#220077#7A5901#117700#06012C#C69C04
- Dark Dreams Split-complementary Color Scheme#332266#67592A#346E23#111133#9D892E
- Drifting Violet Split-complementary Color Scheme#5B4276#797447#447744#382B46#AAAA55
- Elegant Purple Gown Split-complementary Color Scheme#552367#526525#226633#2B0F2E#91A135
- Explorer of the Galaxies Split-complementary Color Scheme#3A1F76#706C11#2B7414#1C0F33#AA9933
- Extraviolet Split-complementary Color Scheme#661188#7A8716#118822#3B0346#AACC11
- Fabric of Space Split-complementary Color Scheme#341758#4F531F#115511#0C0C1F#9B9028
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fuchsia Nebula Split-complementary Color Scheme#7722AA#8FAE22#2BA727#441166#C5CD40
Questions
What colors go with Indigo?
In a split-complementary scheme: Verde Tropa (#758000), Ao (#00800C), Quiet Abyss (#160435), Garlic Pesto (#BFCF00).
What is the hex code of Indigo?
#4B0082.