Chartreuse Tetradic Color Scheme
Five colors arranged by the tetradic rule around Chartreuse (#C1F80A), each snapped to its nearest named color.
#C1F80A
#11FFBB
#4411FF
#F10C45
#D8F878
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chartreuse | #C1F80A | 193, 248, 10 | 74°, 94%, 51% | 22, 0, 96, 3 | |
| Night Pearl | #11FFBB | 17, 255, 187 | 163°, 100%, 53% | 93, 0, 27, 0 | |
| Blustering Blue | #4411FF | 68, 17, 255 | 253°, 100%, 53% | 73, 93, 0, 0 | |
| Pinkish Red | #F10C45 | 241, 12, 69 | 345°, 91%, 50% | 0, 95, 71, 5 | |
| Mystic Green | #D8F878 | 216, 248, 120 | 75°, 90%, 72% | 13, 0, 52, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4411FF on #D8F878 | 6.36:1 | AA |
| Aa #C1F80A on #4411FF | 6.03:1 | AA |
| Aa #11FFBB on #4411FF | 5.79:1 | AA |
| Aa #F10C45 on #D8F878 | 3.61:1 | AA large |
| Aa #C1F80A on #F10C45 | 3.42:1 | AA large |
| Aa #11FFBB on #F10C45 | 3.29:1 | AA large |
CSS variables
:root {
--color-1: #c1f80a; /* Chartreuse */
--color-2: #11ffbb; /* Night Pearl */
--color-3: #4411ff; /* Blustering Blue */
--color-4: #f10c45; /* Pinkish Red */
--color-5: #d8f878; /* Mystic Green */
}Other schemes from Chartreuse
- Chartreuse Complementary Color Scheme#C1F80A#D8F878#4411FF#3300AA#8470FF
- 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 Monochromatic Color Scheme#556600#88B407#C1F80A#CDFA56#EEFF99
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Chartreuse?
In a tetradic scheme: Night Pearl (#11FFBB), Blustering Blue (#4411FF), Pinkish Red (#F10C45), Mystic Green (#D8F878).
What is the hex code of Chartreuse?
#C1F80A.