Fern Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fern (#548D44), each snapped to its nearest named color.
#548D44
#554488
#83477D
#305D35
#766CB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fern | #548D44 | 84, 141, 68 | 107°, 35%, 41% | 40, 0, 52, 45 | 58.6% 0.121 139 | |
| Harvest Night | #554488 | 85, 68, 136 | 255°, 33%, 40% | 38, 50, 0, 47 | 43.8% 0.109 293 | |
| Visiona Red | #83477D | 131, 71, 125 | 306°, 30%, 40% | 0, 46, 5, 49 | 49.0% 0.110 331 | |
| Parsley | #305D35 | 48, 93, 53 | 127°, 32%, 28% | 48, 0, 43, 64 | 43.5% 0.082 146 | |
| Clear Mauve | #766CB0 | 118, 108, 176 | 249°, 30%, 56% | 33, 39, 0, 31 | 56.9% 0.103 289 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #548D44 on #554488 | 2.05:1 | — |
| Aa #548D44 on #305D35 | 1.92:1 | — |
| Aa #554488 on #766CB0 | 1.77:1 | — |
| Aa #548D44 on #83477D | 1.67:1 | — |
| Aa #305D35 on #766CB0 | 1.66:1 | — |
| Aa #83477D on #766CB0 | 1.44:1 | — |
CSS variables
:root {
--color-1: #548d44; /* Fern */
--color-2: #554488; /* Harvest Night */
--color-3: #83477d; /* Visiona Red */
--color-4: #305d35; /* Parsley */
--color-5: #766cb0; /* Clear Mauve */
}Other schemes from Fern
- Fern Complementary Color Scheme#548D44#8CBF6F#784384#4A2A59#AB7CB4
- Fern Analogous Color Scheme#8C7E49#7B8D42#548D44#418C53#408E7C
- Fern Triadic Color Scheme#548D44#45538D#8F4155#8ABD7B#2B3458
- Fern Tetradic Color Scheme#548D44#44798E#784384#8F5C45#8ABD7B
- Fern Monochromatic Color Scheme#172713#305D35#548D44#79B465#A8D19E
More medium green split-complementary color schemes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Fern?
In a split-complementary scheme: Harvest Night (#554488), Visiona Red (#83477D), Parsley (#305D35), Clear Mauve (#766CB0).
What is the hex code of Fern?
#548D44.