Turquoise (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Turquoise (CSS) (#40E0D0), each snapped to its nearest named color.
#40E0D0
#DC41F1
#E8CE49
#99EEEE
#AC1DB8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Turquoise (CSS) | #40E0D0 | 64, 224, 208 | 174°, 72%, 56% | 71, 0, 7, 12 | 82.2% 0.131 185 | |
| Apple II Magenta | #DC41F1 | 220, 65, 241 | 293°, 86%, 60% | 9, 73, 0, 5 | 66.8% 0.267 323 | |
| Golden Relic | #E8CE49 | 232, 206, 73 | 50°, 78%, 60% | 0, 11, 69, 9 | 85.0% 0.150 98 | |
| Freezy Breezy | #99EEEE | 153, 238, 238 | 180°, 71%, 77% | 36, 0, 0, 7 | 89.5% 0.082 196 | |
| Barney | #AC1DB8 | 172, 29, 184 | 295°, 73%, 42% | 7, 84, 0, 28 | 54.0% 0.236 324 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99EEEE on #AC1DB8 | 4.37:1 | AA large |
| Aa #E8CE49 on #AC1DB8 | 3.69:1 | AA large |
| Aa #40E0D0 on #AC1DB8 | 3.53:1 | AA large |
| Aa #DC41F1 on #99EEEE | 2.61:1 | — |
| Aa #DC41F1 on #E8CE49 | 2.20:1 | — |
| Aa #40E0D0 on #DC41F1 | 2.11:1 | — |
CSS variables
:root {
--color-1: #40e0d0; /* Turquoise (CSS) */
--color-2: #dc41f1; /* Apple II Magenta */
--color-3: #e8ce49; /* Golden Relic */
--color-4: #99eeee; /* Freezy Breezy */
--color-5: #ac1db8; /* Barney */
}Other schemes from Turquoise (CSS)
- Turquoise (CSS) Complementary Color Scheme#40E0D0#89F5E3#E44458#B01B2E#F392A0
- Turquoise (CSS) Analogous Color Scheme#43E85F#58F898#40E0D0#49A0E7#4455EE
- Turquoise (CSS) Split-complementary Color Scheme#40E0D0#F246A7#E98447#13BBAF#F883C2
- Turquoise (CSS) Tetradic Color Scheme#40E0D0#9944EE#E44458#A7E142#99EEEE
- Turquoise (CSS) Monochromatic Color Scheme#117471#13BBAF#40E0D0#89F5E3#C3FBF4
More medium teal triadic color schemes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Turquoise (CSS)?
In a triadic scheme: Apple II Magenta (#DC41F1), Golden Relic (#E8CE49), Freezy Breezy (#99EEEE), Barney (#AC1DB8).
What is the hex code of Turquoise (CSS)?
#40E0D0.