Fairy Tale Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Fairy Tale Green (#88CC55), each snapped to its nearest named color.
#88CC55
#58C1CD
#9955CC
#CD5C51
#BEE7A5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fairy Tale Green | #88CC55 | 136, 204, 85 | 94°, 54%, 57% | 33, 0, 58, 20 | |
| Baharroth Blue | #58C1CD | 88, 193, 205 | 186°, 54%, 57% | 57, 6, 0, 20 | |
| Morado Purple | #9955CC | 153, 85, 204 | 274°, 54%, 57% | 25, 58, 0, 20 | |
| Firebug | #CD5C51 | 205, 92, 81 | 5°, 55%, 56% | 0, 55, 60, 20 | |
| Pastel Pea | #BEE7A5 | 190, 231, 165 | 97°, 58%, 78% | 18, 0, 29, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9955CC on #BEE7A5 | 3.35:1 | AA large |
| Aa #CD5C51 on #BEE7A5 | 2.89:1 | — |
| Aa #88CC55 on #9955CC | 2.39:1 | — |
| Aa #58C1CD on #9955CC | 2.19:1 | — |
| Aa #88CC55 on #CD5C51 | 2.06:1 | — |
| Aa #58C1CD on #CD5C51 | 1.89:1 | — |
CSS variables
:root {
--color-1: #88cc55; /* Fairy Tale Green */
--color-2: #58c1cd; /* Baharroth Blue */
--color-3: #9955cc; /* Morado Purple */
--color-4: #cd5c51; /* Firebug */
--color-5: #bee7a5; /* Pastel Pea */
}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 Triadic Color Scheme#88CC55#5588CC#CC5588#BEE7A5#3062A0
- Fairy Tale Green Split-complementary Color Scheme#88CC55#5A4FCF#C255C1#68A43C#8B98D8
- Fairy Tale Green Monochromatic Color Scheme#3D7016#68A43C#88CC55#ABDF8F#D8F1CB
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Fairy Tale Green?
In a tetradic scheme: Baharroth Blue (#58C1CD), Morado Purple (#9955CC), Firebug (#CD5C51), Pastel Pea (#BEE7A5).
What is the hex code of Fairy Tale Green?
#88CC55.