#2DEDF4

#2DEDF4

Color Values

HEX

#2DEDF4

RGB

45, 237, 244

HSL

182.1, 90.0%, 56.7%

HSV

182.1, 81.6%, 95.7%

CMYK

81.6%, 2.9%, 0.0%, 4.3%

OKLCH

0.8621 0.1402 198.9

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#2DEDF4

#F4342D

Analogous

#2DF498

#2D8AF4

#2DEDF4

Triadic

#2DEDF4

#F42DED

#EDF42D

Split Complementary

#2DEDF4

#F42D8A

#F4982D

Tetradic

#2DEDF4

#982DF4

#F4342D

#8AF42D

Color Blindness Simulation

Original

#2DEDF4

Protanopia

#8082F2

Deuteranopia

#7567F2

Tritanopia

#37F1F1

Achromatopsia

#C5C5C5

CSS Usage

background-color: #2DEDF4;
color: #2DEDF4;
border-color: #2DEDF4;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBF9FB
300
#8BF5F9
400
#4CF0F6
500
#0DEAF2
600
#0ABBC2
700
#08969B
800
#067579
900
#095558
950
#063637

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026