Gallant Green Triadic Color Scheme
Five colors arranged by the triadic rule around Gallant Green (#99AA66), each snapped to its nearest named color.
#99AA66
#6699AA
#AC6B98
#C7CDA8
#45747E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Gallant Green | #99AA66 | 153, 170, 102 | 75°, 29%, 53% | 10, 0, 40, 33 | 70.9% 0.094 120 | |
| Cloudy Sea | #6699AA | 102, 153, 170 | 195°, 29%, 53% | 40, 10, 0, 33 | 65.3% 0.060 221 | |
| Violetta | #AC6B98 | 172, 107, 152 | 318°, 28%, 55% | 0, 38, 12, 33 | 61.3% 0.102 339 | |
| Baize Green | #C7CDA8 | 199, 205, 168 | 70°, 27%, 73% | 3, 0, 18, 20 | 83.4% 0.050 115 | |
| Flip | #45747E | 69, 116, 126 | 191°, 29%, 38% | 45, 8, 0, 51 | 52.9% 0.054 213 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7CDA8 on #45747E | 3.14:1 | AA large |
| Aa #AC6B98 on #C7CDA8 | 2.40:1 | — |
| Aa #99AA66 on #45747E | 2.05:1 | — |
| Aa #6699AA on #C7CDA8 | 1.90:1 | — |
| Aa #6699AA on #45747E | 1.65:1 | — |
| Aa #99AA66 on #AC6B98 | 1.56:1 | — |
CSS variables
:root {
--color-1: #99aa66; /* Gallant Green */
--color-2: #6699aa; /* Cloudy Sea */
--color-3: #ac6b98; /* Violetta */
--color-4: #c7cda8; /* Baize Green */
--color-5: #45747e; /* Flip */
}Other schemes from Gallant Green
- Gallant Green Complementary Color Scheme#99AA66#C0CBA1#7761AB#57487F#B2A7CC
- Gallant Green Analogous Color Scheme#AA7766#AA9966#99AA66#72A86A#65AB7C
- Gallant Green Split-complementary Color Scheme#99AA66#6376A9#926AA6#6E7C45#93A3C1
- Gallant Green Tetradic Color Scheme#99AA66#68A895#7761AB#AC667B#C7CDA8
- Gallant Green Monochromatic Color Scheme#434C28#6E7C45#99AA66#BBC199#DBE2C9
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 Gallant Green?
In a triadic scheme: Cloudy Sea (#6699AA), Violetta (#AC6B98), Baize Green (#C7CDA8), Flip (#45747E).
What is the hex code of Gallant Green?
#99AA66.