Luminous Gemstone Cyan
Category: Blue
Turquoise (#40E0D0) — Color Codes, Meaning & UI Palettes
Named after the prized sacred gemstone imported through Turkey, Turquoise conveys emotional healing, coastal luxury, and protective vitality.
Click to Copy HEX
Turquoise
#40E0D0
HEX
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174deg, 72%, 56%)
CMYK (Print)
cmyk(71%, 0%, 7%, 12%)
Apple Display P3
color(display-p3 0.251 0.878 0.816)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.64:1 (Fail)
Black Text (#000000)
12.79:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F4FDFC
100
#E0FAF7
200
#C2F5F0
300
#9CEFE7
400
#6EE7DB
500
#40E0D0
600
#33B3A6
700
#26867D
800
#1A5A53
900
#0E312E
950
#081B19
Color Harmonies & Palette Schemes
Complementary
#E03E4E
Opposite 180° Contrast
Analogous -30°
#3EE07F
Natural Harmony
Analogous +30°
#3E9FE0
Natural Harmony
Triadic +120°
#CF3EE0
120° Balanced Triad
Triadic +240°
#E0CF3E
120° Balanced Triad
Curated UI Design Pairings for Turquoise
A fantastic accent tone for travel marketplaces, luxury eco-resorts, and modern fintech cards. Pair with deep navy or obsidian.
Deep Marina
#011627
Grounding Typography
Sunlit Amber
#F59E0B
Complementary Warmth
Sea Foam Mist
#CBF3F0
Soft Surface Tone
Crisp Paper
#F8FAFC
Clean Background
Export Turquoise Code Snippets
CSS Variable
--color-turquoise-color: #40E0D0;
Tailwind Config
'turquoise-color': '#40E0D0'
Swift / SwiftUI
Color(hex: "#40E0D0")
JSON Design Token
{"name": "Turquoise", "hex": "#40E0D0"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.