Turquoise (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Turquoise (CSS) (#40E0D0), each snapped to its nearest named color.
#40E0D0
#9944EE
#E44458
#A7E142
#99EEEE
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 | |
| Chaste Blossoms | #9944EE | 153, 68, 238 | 270°, 83%, 60% | 36, 71, 0, 7 | 58.4% 0.240 302 | |
| Tomato Sceptre | #E44458 | 228, 68, 88 | 353°, 75%, 58% | 0, 70, 61, 11 | 62.2% 0.196 18 | |
| Dynamic Green | #A7E142 | 167, 225, 66 | 82°, 73%, 57% | 26, 0, 71, 12 | 84.1% 0.192 128 | |
| Freezy Breezy | #99EEEE | 153, 238, 238 | 180°, 71%, 77% | 36, 0, 0, 7 | 89.5% 0.082 196 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9944EE on #99EEEE | 3.58:1 | AA large |
| Aa #9944EE on #A7E142 | 3.06:1 | AA large |
| Aa #E44458 on #99EEEE | 3.00:1 | AA large |
| Aa #40E0D0 on #9944EE | 2.90:1 | — |
| Aa #E44458 on #A7E142 | 2.56:1 | — |
| Aa #40E0D0 on #E44458 | 2.43:1 | — |
CSS variables
:root {
--color-1: #40e0d0; /* Turquoise (CSS) */
--color-2: #9944ee; /* Chaste Blossoms */
--color-3: #e44458; /* Tomato Sceptre */
--color-4: #a7e142; /* Dynamic Green */
--color-5: #99eeee; /* Freezy Breezy */
}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) Monochromatic Color Scheme#117471#13BBAF#40E0D0#89F5E3#C3FBF4
More medium teal tetradic color schemes
- Aggressive Aqua Tetradic Color Scheme#00FBFF#8800FF#FF0303#7FFF00#65FFFF
- Ambrosial Oceanside Tetradic Color Scheme#47AE9C#654EA3#AB485B#8CA94A#8BD3C6
- Aphrodite Aqua Tetradic Color Scheme#45E9C1#6140EF#EC4872#A7E142#A5FCDC
- Aqua Tetradic Color Scheme#0FF0FE#8811FF#FE1C06#7CFC00#7DF9FF
- Aquamarine Tetradic Color Scheme#2EE8BB#5F34E7#EE3355#B6E12A#8CFFDB
- Aquarius Tetradic Color Scheme#2DB0CE#9932CC#CE4A2D#58D332#7FCCE2
- Arctic Tetradic Color Scheme#648589#7B5D92#905D5D#769358#93BCBB
- Arctic Water Tetradic Color Scheme#00FCFC#7F01FE#FF0000#7CFC00#65FFFF
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Martini Tetradic Color Scheme#52B4D3#BA55D3#CD6E53#69D84F#A1D9E7
Questions
What colors go with Turquoise (CSS)?
In a tetradic scheme: Chaste Blossoms (#9944EE), Tomato Sceptre (#E44458), Dynamic Green (#A7E142), Freezy Breezy (#99EEEE).
What is the hex code of Turquoise (CSS)?
#40E0D0.