#40E0D0
Turquoise
Turquoise is a vibrant blue-green color named after the turquoise gemstone. It symbolizes tranquility, creativity, and emotional balance.
Turquoise Color Values
HEX#40E0D0
RGB64, 224, 208
HSL174°, 72%, 56%
HSV174°, 71%, 88%
CMYK71%, 0%, 7%, 12%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #D5D4D0 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #BEC3D2 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00E5DB (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #C0C0C0 (~0.003% of population)
Turquoise as Text Color
Turquoise on White
1.6:1FAIL
Turquoise on Light Gray
1.5:1FAIL
Turquoise on Cream
1.6:1FAIL
Turquoise on Dark
10.4:1AAA
Turquoise on Black
12.8:1AAA
Turquoise on Soft Blue
1.4:1FAIL
Turquoise on Soft Green
1.5:1FAIL
Turquoise on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
sky-400
#38BDF8
Nearest Pantone Match
Pantone 2995 C
#00A3E0
CSS Variable Export
:root {
--color-turquoise: #40E0D0;
--color-turquoise-rgb: 64, 224, 208;
}Tailwind Config
// tailwind.config.js
colors: {
'turquoise': '#40E0D0',
}Shades of Turquoise
#3EE0CF
#24DBC9
#1FC1B1
#1AA295
#16887D
#126E64
#0E534C
#093530
#041A18
#000000
Tints of Turquoise
#3EE0CF
#54E3D5
#6AE7DA
#80EAE0
#96EEE5
#A7F1E9
#BDF4EF
#D3F8F4
#E9FBFA
#FFFFFF
Color Harmonies
Complementary
#40E0D0
#E03E4E
Analogous
#3EE07F
#3EE0CF
#3E9FE0
Triadic
#3EE0CF
#CF3EE0
#E0CF3E
Turquoise Text Preview
Heading in Turquoise
Body text in Turquoise. The quick brown fox jumps over the lazy dog.
White on Turquoise
Body text on a Turquoise background.
Turquoise text on dark background
Contrast: 10.8:1