Crystal Gem Triadic Color Scheme
Five colors arranged by the triadic rule around Crystal Gem (#79D0A7), each snapped to its nearest named color.
#79D0A7
#A87DC2
#D1A67D
#C2ECD8
#8547B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Crystal Gem | #79D0A7 | 121, 208, 167 | 152°, 48%, 65% | 42, 0, 20, 18 | 79.1% 0.104 162 | |
| Wisteria | #A87DC2 | 168, 125, 194 | 277°, 36%, 63% | 13, 36, 0, 24 | 65.7% 0.110 312 | |
| City Sunrise | #D1A67D | 209, 166, 125 | 29°, 48%, 65% | 0, 21, 40, 18 | 75.5% 0.075 65 | |
| Seafoam Pearl | #C2ECD8 | 194, 236, 216 | 151°, 53%, 84% | 18, 0, 8, 7 | 90.8% 0.051 165 | |
| Harley Hair Purple | #8547B5 | 133, 71, 181 | 274°, 44%, 49% | 27, 61, 0, 29 | 52.4% 0.172 307 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C2ECD8 on #8547B5 | 4.57:1 | AA |
| Aa #79D0A7 on #8547B5 | 3.20:1 | AA large |
| Aa #D1A67D on #8547B5 | 2.65:1 | — |
| Aa #A87DC2 on #C2ECD8 | 2.55:1 | — |
| Aa #A87DC2 on #8547B5 | 1.79:1 | — |
| Aa #79D0A7 on #A87DC2 | 1.79:1 | — |
CSS variables
:root {
--color-1: #79d0a7; /* Crystal Gem */
--color-2: #a87dc2; /* Wisteria */
--color-3: #d1a67d; /* City Sunrise */
--color-4: #c2ecd8; /* Seafoam Pearl */
--color-5: #8547b5; /* Harley Hair Purple */
}Other schemes from Crystal Gem
- Crystal Gem Complementary Color Scheme#79D0A7#BEE8D3#CC76A3#BA417B#EDC5D7
- Crystal Gem Analogous Color Scheme#A5CF7E#6CCC7B#79D0A7#74CED2#7AA3CC
- Crystal Gem Split-complementary Color Scheme#79D0A7#CC77CC#D47A76#47BA87#EDABE6
- Crystal Gem Tetradic Color Scheme#79D0A7#7777CC#CC76A3#C9D179#C2ECD8
- Crystal Gem Monochromatic Color Scheme#298256#47BA87#79D0A7#B2E4CD#EBF8EF
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 Crystal Gem?
In a triadic scheme: Wisteria (#A87DC2), City Sunrise (#D1A67D), Seafoam Pearl (#C2ECD8), Harley Hair Purple (#8547B5).
What is the hex code of Crystal Gem?
#79D0A7.