Fern Triadic Color Scheme
Five colors arranged by the triadic rule around Fern (#548D44), each snapped to its nearest named color.
#548D44
#45538D
#8F4155
#8ABD7B
#2B3458
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fern | #548D44 | 84, 141, 68 | 107°, 35%, 41% | 40, 0, 52, 45 | |
| Demon Blue | #45538D | 69, 83, 141 | 228°, 34%, 41% | 51, 41, 0, 45 | |
| Umemurasaki Purple | #8F4155 | 143, 65, 85 | 345°, 38%, 41% | 0, 55, 41, 44 | |
| Baby Grass | #8ABD7B | 138, 189, 123 | 106°, 33%, 61% | 27, 0, 35, 26 | |
| Midnight Escapade | #2B3458 | 43, 52, 88 | 228°, 34%, 26% | 51, 41, 0, 65 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8ABD7B on #2B3458 | 5.56:1 | AA |
| Aa #45538D on #8ABD7B | 3.36:1 | AA large |
| Aa #8F4155 on #8ABD7B | 3.16:1 | AA large |
| Aa #548D44 on #2B3458 | 3.04:1 | AA large |
| Aa #548D44 on #45538D | 1.83:1 | — |
| Aa #548D44 on #8ABD7B | 1.83:1 | — |
CSS variables
:root {
--color-1: #548d44; /* Fern */
--color-2: #45538d; /* Demon Blue */
--color-3: #8f4155; /* Umemurasaki Purple */
--color-4: #8abd7b; /* Baby Grass */
--color-5: #2b3458; /* Midnight Escapade */
}Other schemes from Fern
- Fern Complementary Color Scheme#548D44#8CBF6F#784384#4A2A59#AB7CB4
- Fern Analogous Color Scheme#8C7E49#7B8D42#548D44#418C53#408E7C
- Fern Split-complementary Color Scheme#548D44#554488#83477D#305D35#766CB0
- Fern Tetradic Color Scheme#548D44#44798E#784384#8F5C45#8ABD7B
- Fern Monochromatic Color Scheme#172713#305D35#548D44#79B465#A8D19E
More Medium Green triadic palettes
- 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 Fern?
In a triadic scheme: Demon Blue (#45538D), Umemurasaki Purple (#8F4155), Baby Grass (#8ABD7B), Midnight Escapade (#2B3458).
What is the hex code of Fern?
#548D44.