#40DCDA

#40DCDA

Color Values

HEX

#40DCDA

RGB

64, 220, 218

HSL

179,2, 69,0%, 55,7%

HSV

179,2, 70,9%, 86,3%

CMYK

70,9%, 0,0%, 0,9%, 13,7%

OKLCH

0,816 0,1256 193,7

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#40DCDA

#DC4042

Analogous

#40DC8C

#4090DC

#40DCDA

Triadic

#40DCDA

#DA40DC

#DCDA40

Split Complementary

#40DCDA

#DC4090

#DC8C40

Tetradic

#40DCDA

#8C40DC

#DC4042

#90DC40

Color Blindness Simulation

Original

#40DCDA

Protanopia

#8485DA

Deuteranopia

#7A6FDB

Tritanopia

#48DBDB

Achromatopsia

#BBBBBB

CSS Usage

background-color: #40DCDA;
color: #40DCDA;
border-color: #40DCDA;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#98ECEB
400
#60E2E0
500
#28D7D5
600
#20ACAB
700
#198A88
800
#146C6B
900
#124F4E
950
#0C3231

Contrast Checker

Text on white

1,68:1

AA Fail AAA Fail

Text on black

12,47: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