Yellow Green Triadic Color Scheme
Five colors arranged by the triadic rule around Yellow Green (#9ACD32), each snapped to its nearest named color.
#9ACD32
#3398CE
#CA2C92
#C5E384
#256D8D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Yellow Green | #9ACD32 | 154, 205, 50 | 80°, 61%, 50% | 25, 0, 76, 20 | 78.5% 0.184 127 | |
| Sorcerer | #3398CE | 51, 152, 206 | 201°, 61%, 50% | 75, 26, 0, 19 | 64.6% 0.121 237 | |
| Royal Fuchsia | #CA2C92 | 202, 44, 146 | 321°, 64%, 48% | 0, 78, 28, 21 | 57.6% 0.214 347 | |
| Yellow Green Shade | #C5E384 | 197, 227, 132 | 79°, 63%, 70% | 13, 0, 42, 11 | 87.3% 0.125 123 | |
| Chill of the Night | #256D8D | 37, 109, 141 | 198°, 58%, 35% | 74, 23, 0, 45 | 50.5% 0.086 231 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5E384 on #256D8D | 4.03:1 | AA large |
| Aa #CA2C92 on #C5E384 | 3.43:1 | AA large |
| Aa #9ACD32 on #256D8D | 3.05:1 | AA large |
| Aa #9ACD32 on #CA2C92 | 2.60:1 | — |
| Aa #3398CE on #C5E384 | 2.25:1 | — |
| Aa #3398CE on #256D8D | 1.79:1 | — |
CSS variables
:root {
--color-1: #9acd32; /* Yellow Green */
--color-2: #3398ce; /* Sorcerer */
--color-3: #ca2c92; /* Royal Fuchsia */
--color-4: #c5e384; /* Yellow Green Shade */
--color-5: #256d8d; /* Chill of the Night */
}Other schemes from Yellow Green
- Yellow Green Complementary Color Scheme#9ACD32#AFD77F#6A31CA#442288#B195E4
- Yellow Green Analogous Color Scheme#CA6636#CEB736#9ACD32#58D332#3CD070
- Yellow Green Split-complementary Color Scheme#9ACD32#214FC6#AA22CC#6B8E23#7983D7
- Yellow Green Tetradic Color Scheme#9ACD32#2DC5BB#6A31CA#C9344C#C5E384
- Yellow Green Monochromatic Color Scheme#35530A#6B8E23#9ACD32#B5D96B#D5EBAC
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 Yellow Green?
In a triadic scheme: Sorcerer (#3398CE), Royal Fuchsia (#CA2C92), Yellow Green Shade (#C5E384), Chill of the Night (#256D8D).
What is the hex code of Yellow Green?
#9ACD32.