Aquamarine (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Aquamarine (CSS) (#7FFFD4), each snapped to its nearest named color.
#12E193
#2AFEB7
#7FFFD4
#CCFFEE
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Aqua Green | #12E193 | 18, 225, 147 | 157°, 85%, 48% | 92, 0, 35, 12 | 80.3% 0.182 159 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | 88.5% 0.183 163 | |
| Aquamarine (CSS) | #7FFFD4 | 127, 255, 212 | 160°, 100%, 75% | 50, 0, 17, 0 | 91.5% 0.130 169 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 | 96.0% 0.057 173 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #12E193 on #E6FDF1 | 1.61:1 | — |
| Aa #12E193 on #CCFFEE | 1.56:1 | — |
| Aa #12E193 on #7FFFD4 | 1.40:1 | — |
| Aa #12E193 on #2AFEB7 | 1.31:1 | — |
| Aa #2AFEB7 on #E6FDF1 | 1.23:1 | — |
| Aa #2AFEB7 on #CCFFEE | 1.20:1 | — |
CSS variables
:root {
--color-1: #12e193; /* Aqua Green */
--color-2: #2afeb7; /* Greenish Cyan */
--color-3: #7fffd4; /* Aquamarine (CSS) */
--color-4: #ccffee; /* Mint Coffee */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Aquamarine (CSS)
- Aquamarine (CSS) Complementary Color Scheme#7FFFD4#D8FFF3#FC7AB0#EE3377#FFE5ED
- Aquamarine (CSS) Analogous Color Scheme#A9F971#7BE892#7FFFD4#6DEDFD#77AAFF
- Aquamarine (CSS) Triadic Color Scheme#7FFFD4#CC77FF#FDD47E#E6FDF1#BF3CFF
- Aquamarine (CSS) Split-complementary Color Scheme#7FFFD4#FF77EE#FF917A#2AFEB7#FCCCF5
- Aquamarine (CSS) Tetradic Color Scheme#7FFFD4#9878F8#FC7AB0#FEFF7F#E6FDF1
More light green monochromatic color schemes
- 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 Aquamarine (CSS)?
In a monochromatic scheme: Aqua Green (#12E193), Greenish Cyan (#2AFEB7), Mint Coffee (#CCFFEE), Mint Chiffon (#E6FDF1).
What is the hex code of Aquamarine (CSS)?
#7FFFD4.