Turquoise (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Turquoise (CSS) (#40E0D0), each snapped to its nearest named color.
#117471
#13BBAF
#40E0D0
#89F5E3
#C3FBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Artisan Green | #117471 | 17, 116, 113 | 178°, 74%, 26% | 85, 0, 3, 55 | 50.7% 0.083 192 | |
| Turquoise Topaz | #13BBAF | 19, 187, 175 | 176°, 82%, 40% | 90, 0, 6, 27 | 71.4% 0.123 187 | |
| Turquoise (CSS) | #40E0D0 | 64, 224, 208 | 174°, 72%, 56% | 71, 0, 7, 12 | 82.2% 0.131 185 | |
| Turquoise Pearl | #89F5E3 | 137, 245, 227 | 170°, 84%, 75% | 44, 0, 7, 4 | 90.0% 0.104 182 | |
| Glacial Drift | #C3FBF4 | 195, 251, 244 | 173°, 88%, 87% | 22, 0, 3, 2 | 94.8% 0.057 187 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #117471 on #C3FBF4 | 4.90:1 | AA |
| Aa #117471 on #89F5E3 | 4.32:1 | AA large |
| Aa #117471 on #40E0D0 | 3.40:1 | AA large |
| Aa #117471 on #13BBAF | 2.33:1 | — |
| Aa #13BBAF on #C3FBF4 | 2.10:1 | — |
| Aa #13BBAF on #89F5E3 | 1.85:1 | — |
CSS variables
:root {
--color-1: #117471; /* Artisan Green */
--color-2: #13bbaf; /* Turquoise Topaz */
--color-3: #40e0d0; /* Turquoise (CSS) */
--color-4: #89f5e3; /* Turquoise Pearl */
--color-5: #c3fbf4; /* Glacial Drift */
}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) Triadic Color Scheme#40E0D0#DC41F1#E8CE49#99EEEE#AC1DB8
- Turquoise (CSS) Split-complementary Color Scheme#40E0D0#F246A7#E98447#13BBAF#F883C2
- Turquoise (CSS) Tetradic Color Scheme#40E0D0#9944EE#E44458#A7E142#99EEEE
More medium teal monochromatic color schemes
- Aggressive Aqua Monochromatic Color Scheme#016367#01B1AF#00FBFF#55FFFF#99FFFF
- Ambrosial Oceanside Monochromatic Color Scheme#19443C#31796D#47AE9C#77CABD#AEDDD3
- Aphrodite Aqua Monochromatic Color Scheme#17806D#00CC99#45E9C1#84FBCE#CFF7EF
- Aqua Monochromatic Color Scheme#006D73#06B1C4#0FF0FE#53F6FF#AAFFFF
- Aquamarine Monochromatic Color Scheme#127453#1DB394#2EE8BB#7EF4CC#B8FFEB
- Aquarius Monochromatic Color Scheme#154250#1B7D8D#2DB0CE#6CC4DA#ACDEEB
- Arctic Monochromatic Color Scheme#252F2F#445A5E#648589#8BA8AE#B9CACC
- Arctic Water Monochromatic Color Scheme#016360#01B1AF#00FCFC#41FDFE#99FFFF
- Atlas Cedar Monochromatic Color Scheme#264243#417074#5CA0A7#8FBCC4#BCD9DC
- Blue Bikini Monochromatic Color Scheme#004455#007FA2#00BBEE#37C4FA#88EEFF
- Blue Bobbin Monochromatic Color Scheme#18576C#30949D#52B4CA#8FCBDC#C5E8EE
- Blue Martini Monochromatic Color Scheme#1A5D72#338DAE#52B4D3#93CFE3#CCEBF5
Questions
What colors go with Turquoise (CSS)?
In a monochromatic scheme: Artisan Green (#117471), Turquoise Topaz (#13BBAF), Turquoise Pearl (#89F5E3), Glacial Drift (#C3FBF4).
What is the hex code of Turquoise (CSS)?
#40E0D0.