#40DFE0

#40DFE0

Color Values

HEX

#40DFE0

RGB

64, 223, 224

HSL

180.4, 72.1%, 56.5%

HSV

180.4, 71.4%, 87.8%

CMYK

71.4%, 0.4%, 0.0%, 12.2%

OKLCH

0.8251 0.127 195.6

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#40DFE0

#E04140

Analogous

#40E091

#408FE0

#40DFE0

Triadic

#40DFE0

#E040DF

#DFE040

Split Complementary

#40DFE0

#E0408F

#E09140

Tetradic

#40DFE0

#9140E0

#E04140

#8FE040

Color Blindness Simulation

Original

#40DFE0

Protanopia

#8586E0

Deuteranopia

#7C70E0

Tritanopia

#48E0E0

Achromatopsia

#BDBDBD

CSS Usage

background-color: #40DFE0;
color: #40DFE0;
border-color: #40DFE0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C2F5F5
300
#96EDEE
400
#5DE4E5
500
#24DADB
600
#1CAFB0
700
#178C8C
800
#126D6E
900
#114F50
950
#0B3232

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026