Codes & values
- Color Name
Turquoise - Color ID
KDF-C-04251856 - HEX
#40E0D0 - RGB
rgb(64, 224, 208) - RGBA
rgba(64, 224, 208, 1) - HSL
hsl(174, 72%, 56%) - HSLA
hsla(174, 72%, 56%, 1) - HSV / HSB
hsv(174, 71%, 88%) - CMYK
cmyk(71%, 0%, 7%, 12%) - Light / Dark
mid
Quick answers
- What is the HEX code for Turquoise?
- #40E0D0
- What is Turquoise RGB?
- rgb(64, 224, 208)
- What is Turquoise HSL?
- hsl(174, 72%, 56%)
- What is Turquoise CMYK?
- cmyk(71%, 0%, 7%, 12%)
What is Turquoise?
Turquoise is a curated cyan family color at #40E0D0. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Turquoise HEX code
The HEX code for Turquoise is #40E0D0. Paste it into CSS as color: #40E0D0; or background-color: #40E0D0;. Design tools accept the same six-digit value without the # prefix (40e0d0).
Turquoise RGB
Turquoise in RGB is rgb(64, 224, 208) (channels R 64, G 224, B 208). Use RGB when you need opacity via rgba(64, 224, 208, 1).
Turquoise HSL & HSV
HSL is hsl(174, 72%, 56%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(174, 71%, 88%), closer to how many digital pickers expose hue, saturation, and brightness.
Turquoise CMYK
Approximate CMYK for Turquoise is cmyk(71%, 0%, 7%, 12%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Turquoise
Darker shades (mixed toward black): #35BBAD, #2B958B, #207068, #154B45, #0B2523. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Turquoise
Lighter tints (mixed toward white): #60E5D8, #80EAE0, #A0F0E8, #BFF5EF, #DFFAF7. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Turquoise
Complementary pairing: #40E0D0, #E04050. Analogous neighbors: #40E080, #40E0D0, #40A0E0. Triadic accents: #40E0D0, #D040E0, #E0D040. Always check text contrast when pairing.
Turquoise color combinations
A practical combo: primary #40E0D0, complementary accent #E04050, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #40E0D0, #E040A0, #E08040.
Turquoise in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Turquoise in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 1.64:1 (better as a large accent or background than small body text); vs black 12.79:1.
Frequently asked questions
- What is the HEX code for Turquoise?
- Turquoise: #40E0D0.
- What is Turquoise RGB?
- Turquoise: rgb(64, 224, 208).
- What is Turquoise HSL?
- Turquoise: hsl(174, 72%, 56%).
- What is Turquoise CMYK?
- Turquoise: cmyk(71%, 0%, 7%, 12%).
- What colors go with Turquoise?
- Try complementary #40E0D0, #E04050 or analogous #40E080, #40E0D0, #40A0E0.
- Is Turquoise good for text on white?
- Not ideal for small body text (1.64:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.64:1 (prefer large accent or background). Contrast vs black: 12.79:1. Complementary swatch: #40E0D0, #E04050.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK