Neptune Green Triadic Color Scheme
Five colors arranged by the triadic rule around Neptune Green (#7FBB9E), each snapped to its nearest named color.
#7FBB9E
#9D7EB7
#BB9E7E
#C5DED1
#775496
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Neptune Green | #7FBB9E | 127, 187, 158 | 151°, 31%, 62% | 32, 0, 16, 27 | 74.3% 0.075 163 | |
| Lush Lilac | #9D7EB7 | 157, 126, 183 | 273°, 28%, 61% | 14, 31, 0, 28 | 64.3% 0.090 309 | |
| Carton | #BB9E7E | 187, 158, 126 | 31°, 31%, 61% | 0, 16, 33, 27 | 71.7% 0.056 70 | |
| Kappa Green | #C5DED1 | 197, 222, 209 | 149°, 27%, 82% | 11, 0, 6, 13 | 87.8% 0.032 163 | |
| Juneberry | #775496 | 119, 84, 150 | 272°, 28%, 46% | 21, 44, 0, 41 | 51.1% 0.108 307 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5DED1 on #775496 | 4.22:1 | AA large |
| Aa #7FBB9E on #775496 | 2.72:1 | — |
| Aa #9D7EB7 on #C5DED1 | 2.42:1 | — |
| Aa #BB9E7E on #775496 | 2.38:1 | — |
| Aa #BB9E7E on #C5DED1 | 1.78:1 | — |
| Aa #9D7EB7 on #775496 | 1.75:1 | — |
CSS variables
:root {
--color-1: #7fbb9e; /* Neptune Green */
--color-2: #9d7eb7; /* Lush Lilac */
--color-3: #bb9e7e; /* Carton */
--color-4: #c5ded1; /* Kappa Green */
--color-5: #775496; /* Juneberry */
}Other schemes from Neptune Green
- Neptune Green Complementary Color Scheme#7FBB9E#BDDACA#BA789E#975476#DEC4D2
- Neptune Green Analogous Color Scheme#9DBB7D#7CBD85#7FBB9E#7EB7BF#7C9AB5
- Neptune Green Split-complementary Color Scheme#7FBB9E#BA7AB3#BD827F#519D76#D9B1D6
- Neptune Green Tetradic Color Scheme#7FBB9E#8C7EB9#BA789E#BBBB7F#C5DED1
- Neptune Green Monochromatic Color Scheme#366C4E#519D76#7FBB9E#B3D6C3#E1F0EA
More light green triadic color schemes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Neptune Green?
In a triadic scheme: Lush Lilac (#9D7EB7), Carton (#BB9E7E), Kappa Green (#C5DED1), Juneberry (#775496).
What is the hex code of Neptune Green?
#7FBB9E.