- No data uploaded
- Instant results
Turquoise — #40E0D0
Turquoise is the CSS named colour turquoise, hex #40E0D0. It has a contrast ratio of 1.64:1 on white and 12.79:1 on black — best used as text on dark backgrounds.
Turquoise — #40E0D0
Contrast on white 1.64:1 · on black 12.79:1
Tints
Shades
Complementary
Triadic
Analogous
Using Turquoise in code
CSS: color: turquoise; or color: #40E0D0; · Tailwind: text-[#40E0D0] · Android/Flutter: 0xFF40E0D0
Turquoise colour harmonies
Complementary: #E04050 · Triadic: #D040E0, #E0D040 · Analogous: #40E080, #40A0E0. Use tints for backgrounds and shades for hover states.
Turquoise in every colour format
| Format | Value |
|---|---|
| HEX | #40E0D0 |
| RGB | rgb(64, 224, 208) |
| HSL | hsl(174, 72%, 56%) |
| HSV | hsv(174, 71%, 88%) |
| CMYK | cmyk(71%, 0%, 7%, 12%) |
| CSS name | turquoise |
| Contrast on white | 1.64:1 |
| Contrast on black | 12.79:1 |
Frequently asked questions
What is the hex code for Turquoise?
#40E0D0 (CSS name: turquoise).
What is Turquoise in RGB?
rgb(64, 224, 208)
What colour goes well with Turquoise?
Its complementary colour #E04050, or the analogous #40E080 and #40A0E0.