Treasured Teal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Treasured Teal (#52C1B3), each snapped to its nearest named color.
#52C1B3
#C44D97
#C17C54
#2B8C8A
#D687BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Treasured Teal | #52C1B3 | 82, 193, 179 | 172°, 47%, 54% | 58, 0, 7, 24 | |
| Rose Violet | #C44D97 | 196, 77, 151 | 323°, 50%, 54% | 0, 61, 23, 23 | |
| Pheasant | #C17C54 | 193, 124, 84 | 22°, 47%, 54% | 0, 36, 56, 24 | |
| Taos Turquoise | #2B8C8A | 43, 140, 138 | 179°, 53%, 36% | 69, 0, 1, 45 | |
| Cyclamen | #D687BA | 214, 135, 186 | 321°, 49%, 68% | 0, 37, 13, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #52C1B3 on #C44D97 | 1.98:1 | — |
| Aa #52C1B3 on #2B8C8A | 1.85:1 | — |
| Aa #C44D97 on #D687BA | 1.65:1 | — |
| Aa #2B8C8A on #D687BA | 1.54:1 | — |
| Aa #52C1B3 on #C17C54 | 1.54:1 | — |
| Aa #C44D97 on #C17C54 | 1.29:1 | — |
CSS variables
:root {
--color-1: #52c1b3; /* Treasured Teal */
--color-2: #c44d97; /* Rose Violet */
--color-3: #c17c54; /* Pheasant */
--color-4: #2b8c8a; /* Taos Turquoise */
--color-5: #d687ba; /* Cyclamen */
}Other schemes from Treasured Teal
- Treasured Teal Complementary Color Scheme#52C1B3#93DAD3#C84C61#953640#DB9DA7
- Treasured Teal Analogous Color Scheme#7AC34F#50C777#52C1B3#5095C3#5566CC
- Treasured Teal Triadic Color Scheme#52C1B3#BB55CC#C5B358#9AD9D4#803790
- Treasured Teal Tetradic Color Scheme#52C1B3#7A58C1#C84C61#9DC249#9AD9D4
- Treasured Teal Monochromatic Color Scheme#215354#2B8C8A#52C1B3#89D1CB#C5E8E7
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Treasured Teal?
In a split-complementary scheme: Rose Violet (#C44D97), Pheasant (#C17C54), Taos Turquoise (#2B8C8A), Cyclamen (#D687BA).
What is the hex code of Treasured Teal?
#52C1B3.