Chartreuse Complementary Color Scheme
Five colors arranged by the complementary rule around Chartreuse (#C1F80A), each snapped to its nearest named color.
#C1F80A
#D8F878
#4411FF
#3300AA
#8470FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chartreuse | #C1F80A | 193, 248, 10 | 74°, 94%, 51% | 22, 0, 96, 3 | |
| Mystic Green | #D8F878 | 216, 248, 120 | 75°, 90%, 72% | 13, 0, 52, 3 | |
| Blustering Blue | #4411FF | 68, 17, 255 | 253°, 100%, 53% | 73, 93, 0, 0 | |
| Sea Grape | #3300AA | 51, 0, 170 | 258°, 100%, 33% | 70, 100, 0, 33 | |
| Blackthorn Berry | #8470FF | 132, 112, 255 | 248°, 100%, 72% | 48, 56, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8F878 on #3300AA | 10.24:1 | AAA |
| Aa #C1F80A on #3300AA | 9.70:1 | AAA |
| Aa #D8F878 on #4411FF | 6.36:1 | AA |
| Aa #C1F80A on #4411FF | 6.03:1 | AA |
| Aa #3300AA on #8470FF | 3.34:1 | AA large |
| Aa #D8F878 on #8470FF | 3.07:1 | AA large |
CSS variables
:root {
--color-1: #c1f80a; /* Chartreuse */
--color-2: #d8f878; /* Mystic Green */
--color-3: #4411ff; /* Blustering Blue */
--color-4: #3300aa; /* Sea Grape */
--color-5: #8470ff; /* Blackthorn Berry */
}Other schemes from Chartreuse
- Chartreuse Analogous Color Scheme#F94009#F6B906#C1F80A#4AFF00#10F144
- Chartreuse Triadic Color Scheme#C1F80A#0FC0FC#FC0FC0#D8F878#0088B0
- Chartreuse Split-complementary Color Scheme#C1F80A#0247FE#AD0AFD#88B407#4F81FF
- Chartreuse Tetradic Color Scheme#C1F80A#11FFBB#4411FF#F10C45#D8F878
- Chartreuse Monochromatic Color Scheme#556600#88B407#C1F80A#CDFA56#EEFF99
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Chartreuse?
In a complementary scheme: Mystic Green (#D8F878), Blustering Blue (#4411FF), Sea Grape (#3300AA), Blackthorn Berry (#8470FF).
What is the hex code of Chartreuse?
#C1F80A.