Huebook

Turquoise (CSS) Complementary Color Scheme

Five colors arranged by the complementary rule around Turquoise (CSS) (#40E0D0), each snapped to its nearest named color.

#40E0D0
#89F5E3
#E44458
#B01B2E
#F392A0

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Turquoise (CSS)#40E0D064, 224, 208174°, 72%, 56%71, 0, 7, 1282.2% 0.131 185
Turquoise Pearl#89F5E3137, 245, 227170°, 84%, 75%44, 0, 7, 490.0% 0.104 182
Tomato Sceptre#E44458228, 68, 88353°, 75%, 58%0, 70, 61, 1162.2% 0.196 18
Christmas Red#B01B2E176, 27, 46352°, 73%, 40%0, 85, 74, 3149.0% 0.181 22
Cherry Foam#F392A0243, 146, 160351°, 80%, 76%0, 40, 34, 576.5% 0.118 11

Which pairs work for text

Text on backgroundContrastWCAG
Aa #89F5E3 on #B01B2E5.34:1AA
Aa #40E0D0 on #B01B2E4.20:1AA large
Aa #B01B2E on #F392A03.10:1AA large
Aa #89F5E3 on #E444583.08:1AA large
Aa #40E0D0 on #E444582.43:1—
Aa #E44458 on #F392A01.79:1—

CSS variables

:root {
  --color-1: #40e0d0; /* Turquoise (CSS) */
  --color-2: #89f5e3; /* Turquoise Pearl */
  --color-3: #e44458; /* Tomato Sceptre */
  --color-4: #b01b2e; /* Christmas Red */
  --color-5: #f392a0; /* Cherry Foam */
}

Other schemes from Turquoise (CSS)

More medium teal complementary color schemes

Questions

What colors go with Turquoise (CSS)?

In a complementary scheme: Turquoise Pearl (#89F5E3), Tomato Sceptre (#E44458), Christmas Red (#B01B2E), Cherry Foam (#F392A0).

What is the hex code of Turquoise (CSS)?

#40E0D0.