Froggy Pond Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Froggy Pond (#7FBA9E), each snapped to its nearest named color.
#356554
#529875
#7FBA9E
#B3D6C3
#E1F0EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Plantain Green | #356554 | 53, 101, 84 | 159°, 31%, 30% | 48, 0, 17, 60 | |
| Fake Fern | #529875 | 82, 152, 117 | 150°, 30%, 46% | 46, 0, 23, 40 | |
| Froggy Pond | #7FBA9E | 127, 186, 158 | 152°, 30%, 61% | 32, 0, 15, 27 | |
| Chlorophyll Cream | #B3D6C3 | 179, 214, 195 | 147°, 30%, 77% | 16, 0, 9, 16 | |
| Aquacade | #E1F0EA | 225, 240, 234 | 156°, 33%, 91% | 6, 0, 3, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #356554 on #E1F0EA | 5.68:1 | AA |
| Aa #356554 on #B3D6C3 | 4.24:1 | AA large |
| Aa #356554 on #7FBA9E | 3.00:1 | — |
| Aa #529875 on #E1F0EA | 2.92:1 | — |
| Aa #529875 on #B3D6C3 | 2.18:1 | — |
| Aa #356554 on #529875 | 1.94:1 | — |
CSS variables
:root {
--color-1: #356554; /* Plantain Green */
--color-2: #529875; /* Fake Fern */
--color-3: #7fba9e; /* Froggy Pond */
--color-4: #b3d6c3; /* Chlorophyll Cream */
--color-5: #e1f0ea; /* Aquacade */
}Other schemes from Froggy Pond
- Froggy Pond Complementary Color Scheme#7FBA9E#BDDACA#BD7D94#975476#DAC0CD
- Froggy Pond Analogous Color Scheme#9DBB7D#7CBD85#7FBA9E#7EB7BF#7C9AB5
- Froggy Pond Triadic Color Scheme#7FBA9E#9D7EB7#BB9E7E#C2DDD3#775496
- Froggy Pond Split-complementary Color Scheme#7FBA9E#BA7AB3#BD827F#529875#D4B4D5
- Froggy Pond Tetradic Color Scheme#7FBA9E#8C7EB9#BD7D94#B8B97E#C2DDD3
More Light Green monochromatic palettes
- A State of Mint Monochromatic Color Scheme#04F489#2AFEB7#88FFCC#D8FFF3#E6FDF1
- Basil Smash Monochromatic Color Scheme#66B032#8DCE65#B7E1A1#E2F7D9#F1F9EC
- Bay Monochromatic Color Scheme#42B395#79CCB3#B3E2D3#E9F9F5#ECF7F7
- Big Spender Monochromatic Color Scheme#41A94F#6FC276#ACDDAF#E2F4E4#EBF8EF
- Bok Choy Monochromatic Color Scheme#70855E#91AD8A#BCCAB3#E5E9E1#F4F4F0
- Botanist Monochromatic Color Scheme#528E39#68BD56#9AD28C#D1E8C2#F1F8EC
- Cabbage Monochromatic Color Scheme#319177#48C09B#87D7BE#C6EADD#E9F9F5
- Camping Grounds Monochromatic Color Scheme#6A7D4E#91A673#B4C2A2#D9E0D0#F4F4F0
- Celadon Monochromatic Color Scheme#41A94F#6CCC7B#ACE1AF#E3F5E5#EBF8EF
- Celadon Porcelain Monochromatic Color Scheme#3D6C54#4F9E81#7EBEA5#B1DAC6#E5F1EC
- Celery Mousse Monochromatic Color Scheme#66EE00#9CEF43#C1FD95#EBF7E4#F1FDE9
- Copper Patina Monochromatic Color Scheme#4F6A56#6E9377#9DB4A0#C9D5CB#F0F4F2
Questions
What colors go with Froggy Pond?
In a monochromatic scheme: Plantain Green (#356554), Fake Fern (#529875), Chlorophyll Cream (#B3D6C3), Aquacade (#E1F0EA).
What is the hex code of Froggy Pond?
#7FBA9E.