#40E0D0
Color Name
Turquoise
rgb(64, 224, 208)•hsl(174, 72%, 56%)•Lum 0.59
HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
HSVhsv(174, 71%, 88%)
CMYKcmyk(71%, 0%, 7%, 12%)
CSS Variable--color-primary: #40E0D0;
CSS Backgroundbackground-color: #40E0D0;
Color Harmonies
Classic color wheel theory relationships derived from #40E0D0. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#39C7B9
11% Dark#32AEA2
22% Dark#2B958B
33% Dark#247C74
44% Dark#1C645C
56% Dark#154B45
67% Dark#0E322E
78% Dark#071917
89% DarkTints (Mixing with White)
#55E3D5
11% Light#6AE7DA
22% Light#80EAE0
33% Light#95EEE5
44% Light#AAF1EA
56% Light#BFF5EF
67% Light#D5F8F5
78% Light#EAFCFA
89% LightKeep Designing
Use #40E0D0 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.