Tadorna Teal Triadic Color Scheme
Five colors arranged by the triadic rule around Tadorna Teal (#7AD7AD), each snapped to its nearest named color.
#7AD7AD
#B57EDC
#D7AF7A
#C6EADD
#9632CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tadorna Teal | #7AD7AD | 122, 215, 173 | 153°, 54%, 66% | 43, 0, 20, 16 | 81.0% 0.108 163 | |
| Lavender Blossom | #B57EDC | 181, 126, 220 | 275°, 57%, 68% | 18, 43, 0, 14 | 68.4% 0.145 310 | |
| Bonfire Toffee | #D7AF7A | 215, 175, 122 | 34°, 54%, 66% | 0, 19, 43, 16 | 77.8% 0.084 74 | |
| Mint Tulip | #C6EADD | 198, 234, 221 | 158°, 46%, 85% | 15, 0, 6, 8 | 90.8% 0.042 172 | |
| Dreamscape Purple | #9632CE | 150, 50, 206 | 278°, 61%, 50% | 27, 76, 0, 19 | 53.9% 0.228 310 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6EADD on #9632CE | 4.45:1 | AA large |
| Aa #7AD7AD on #9632CE | 3.33:1 | AA large |
| Aa #D7AF7A on #9632CE | 2.83:1 | — |
| Aa #B57EDC on #C6EADD | 2.32:1 | — |
| Aa #B57EDC on #9632CE | 1.92:1 | — |
| Aa #7AD7AD on #B57EDC | 1.74:1 | — |
CSS variables
:root {
--color-1: #7ad7ad; /* Tadorna Teal */
--color-2: #b57edc; /* Lavender Blossom */
--color-3: #d7af7a; /* Bonfire Toffee */
--color-4: #c6eadd; /* Mint Tulip */
--color-5: #9632ce; /* Dreamscape Purple */
}Other schemes from Tadorna Teal
- Tadorna Teal Complementary Color Scheme#7AD7AD#C2ECD8#D979A2#CF3C71#EFCADA
- Tadorna Teal Analogous Color Scheme#A4D579#77DD77#7AD7AD#7DD4D6#7EA3D2
- Tadorna Teal Split-complementary Color Scheme#7AD7AD#D374D5#DC7B7C#33CC99#EEBBEE
- Tadorna Teal Tetradic Color Scheme#7AD7AD#7777CC#D979A2#CCD87A#C6EADD
- Tadorna Teal Monochromatic Color Scheme#338860#33CC99#7AD7AD#B2E4D0#E9F9F5
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 Tadorna Teal?
In a triadic scheme: Lavender Blossom (#B57EDC), Bonfire Toffee (#D7AF7A), Mint Tulip (#C6EADD), Dreamscape Purple (#9632CE).
What is the hex code of Tadorna Teal?
#7AD7AD.