Turquoise Color Code #40E0D0
Turquoise has the HEX code #40E0D0 and the RGB value rgb(64, 224, 208).
Turquoise#40E0D0
Turquoise color codes
| HEX | #40E0D0 |
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
| CMYK | cmyk(71%, 0%, 7%, 12%) |
| RGB percent | 25%, 88%, 82% |
| Decimal | 4251856 |
Tints of Turquoise
#53E3D5#66E6D9#79E9DE#8CECE3#A0F0E8#B3F3EC#C6F6F1#D9F9F6#ECFCFA
Shades of Turquoise
#3ACABB#33B3A6#2D9D92#26867D#207068#1A5A53#13433E#0D2D2A#061615
Color combinations
Complementary
#40E0D0#E03E4E
Analogous
#40E0D0#3EE07F#3E9FE0
Triadic
#40E0D0#CF3EE0#E0CF3E
Use Turquoise in CSS
.text { color: #40E0D0; }
.box { background-color: rgb(64, 224, 208); }
.border { border: 2px solid hsl(174, 72%, 56%); }
Text in Turquoise
Background in Turquoise
Similar colors
- Medium Turquoise
- Medium Aquamarine
- Dark Turquoise
- Light Sea Green
- Aquamarine
- Turquoise Blue
- Sky Blue
- Electric Blue
- Baby Blue
- Light Sky Blue
- Aqua
- Cyan
Frequently asked questions
What is the HEX code for Turquoise?
The HEX code for Turquoise is #40E0D0.
What is the RGB value of Turquoise?
Turquoise in RGB is rgb(64, 224, 208): red 64, green 224 and blue 208 out of 255.
How do I use Turquoise in CSS?
Use color: #40E0D0; for text or background-color: #40E0D0; for backgrounds. You can also write the CSS name turquoise.