Chartreuse (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Chartreuse (CSS) (#7FFF00), each snapped to its nearest named color.
#7FFF00
#007FFF
#FF007F
#B1FF65
#095BAF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Chartreuse (CSS) | #7FFF00 | 127, 255, 0 | 90°, 100%, 50% | 50, 0, 100, 0 | 89.0% 0.265 136 | |
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | 61.3% 0.212 256 | |
| Rose | #FF007F | 255, 0, 127 | 330°, 100%, 50% | 0, 100, 50, 0 | 64.5% 0.260 3 | |
| Pale Lime Green | #B1FF65 | 177, 255, 101 | 90°, 100%, 70% | 31, 0, 60, 0 | 91.9% 0.200 132 | |
| Bottled Sea | #095BAF | 9, 91, 175 | 210°, 90%, 36% | 95, 48, 0, 31 | 47.7% 0.152 255 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1FF65 on #095BAF | 5.55:1 | AA |
| Aa #7FFF00 on #095BAF | 5.18:1 | AA |
| Aa #007FFF on #B1FF65 | 3.17:1 | AA large |
| Aa #FF007F on #B1FF65 | 3.12:1 | AA large |
| Aa #7FFF00 on #007FFF | 2.96:1 | — |
| Aa #7FFF00 on #FF007F | 2.92:1 | — |
CSS variables
:root {
--color-1: #7fff00; /* Chartreuse (CSS) */
--color-2: #007fff; /* Azure */
--color-3: #ff007f; /* Rose */
--color-4: #b1ff65; /* Pale Lime Green */
--color-5: #095baf; /* Bottled Sea */
}Other schemes from Chartreuse (CSS)
- Chartreuse (CSS) Complementary Color Scheme#7FFF00#AAFF55#8800FF#5500BB#AA66FF
- Chartreuse (CSS) Analogous Color Scheme#FF8400#FEFF00#7FFF00#00FF00#04F489
- Chartreuse (CSS) Split-complementary Color Scheme#7FFF00#0000FF#FF00FF#5CB200#4D4DFF
- Chartreuse (CSS) Tetradic Color Scheme#7FFF00#00FFFF#8800FF#FF0000#B1FF65
- Chartreuse (CSS) Monochromatic Color Scheme#376D03#5CB200#7FFF00#AAFF55#C1FD95
More medium green triadic color schemes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Chartreuse (CSS)?
In a triadic scheme: Azure (#007FFF), Rose (#FF007F), Pale Lime Green (#B1FF65), Bottled Sea (#095BAF).
What is the hex code of Chartreuse (CSS)?
#7FFF00.