Fairy Tale Green Triadic Color Scheme
Five colors arranged by the triadic rule around Fairy Tale Green (#88CC55), each snapped to its nearest named color.
#88CC55
#5588CC
#CC5588
#BEE7A5
#3062A0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fairy Tale Green | #88CC55 | 136, 204, 85 | 94°, 54%, 57% | 33, 0, 58, 20 | |
| Berlin Blue | #5588CC | 85, 136, 204 | 214°, 54%, 57% | 58, 33, 0, 20 | |
| Pretty in Plum | #CC5588 | 204, 85, 136 | 334°, 54%, 57% | 0, 58, 33, 20 | |
| Pastel Pea | #BEE7A5 | 190, 231, 165 | 97°, 58%, 78% | 18, 0, 29, 9 | |
| Perfect Ocean | #3062A0 | 48, 98, 160 | 213°, 54%, 41% | 70, 39, 0, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEE7A5 on #3062A0 | 4.49:1 | AA large |
| Aa #88CC55 on #3062A0 | 3.20:1 | AA large |
| Aa #CC5588 on #BEE7A5 | 2.90:1 | — |
| Aa #5588CC on #BEE7A5 | 2.62:1 | — |
| Aa #88CC55 on #CC5588 | 2.07:1 | — |
| Aa #88CC55 on #5588CC | 1.87:1 | — |
CSS variables
:root {
--color-1: #88cc55; /* Fairy Tale Green */
--color-2: #5588cc; /* Berlin Blue */
--color-3: #cc5588; /* Pretty in Plum */
--color-4: #bee7a5; /* Pastel Pea */
--color-5: #3062a0; /* Perfect Ocean */
}Other schemes from Fairy Tale Green
- Fairy Tale Green Complementary Color Scheme#88CC55#B2E191#9955CC#7733AA#DDAAEE
- Fairy Tale Green Analogous Color Scheme#CC9955#C4D056#88CC55#58D854#5CCD97
- Fairy Tale Green Split-complementary Color Scheme#88CC55#5A4FCF#C255C1#68A43C#8B98D8
- Fairy Tale Green Tetradic Color Scheme#88CC55#58C1CD#9955CC#CD5C51#BEE7A5
- Fairy Tale Green Monochromatic Color Scheme#3D7016#68A43C#88CC55#ABDF8F#D8F1CB
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 Fairy Tale Green?
In a triadic scheme: Berlin Blue (#5588CC), Pretty in Plum (#CC5588), Pastel Pea (#BEE7A5), Perfect Ocean (#3062A0).
What is the hex code of Fairy Tale Green?
#88CC55.