What is color #40e0d0?
#40e0d0 is Turquoise, a vivid teal tone with a neutral character. It is niche in mainstream branding yet powerful and carries the mood of calm.
Historically, this kind of color traces back to peacock feathers of royal courts. Today it appears across coastal interior design and medical interfaces.
To make the most of #40e0d0, extend it across large surfaces for immersive impact, or combine it with analogous neighbors for harmonious palettes.
Conversions for #40e0d0
HEX
#40e0d0
RGB
64, 224, 208
HSL
174°, 72%, 56%
HSV
174°, 71%, 88%
CMYK
71%, 0%, 7%, 12%
XYZ
40.16, 58.96, 68.94
CIE-Lab
81.27, -44.08, -4.03
Web safe
#33cccc
WCAG accessibility of #40e0d0 (Turquoise)
On white
1.64 : 1
Sample #40e0d0
Rating: Fail
On black
12.79 : 1
Sample #40e0d0
Rating: AAA
Tones of Turquoise (desaturated variations of #40e0d0)
Color harmonies for #40e0d0
Colors similar to #40e0d0
Gradients featuring #40e0d0
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #40e0d0
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #40e0d0
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #40e0d0.
const color = "#40e0d0";
CSS & Tailwind snippets for #40e0d0
Background
.bg-40e0d0 { background-color: #40e0d0; }Text color
.text-40e0d0 { color: #40e0d0; }Border
.border-40e0d0 { border: 1px solid #40e0d0; }Box shadow
.shadow-40e0d0 { box-shadow: 0 4px 14px #40e0d040; }CSS variable
:root { --color-40e0d0: #40e0d0; }Tailwind config
colors: {
'turquoise': '#40e0d0',
}