#2DCCDA

#2DCCDA

Color Values

HEX

#2DCCDA

RGB

45, 204, 218

HSL

184.9, 70.0%, 51.6%

HSV

184.9, 79.4%, 85.5%

CMYK

79.4%, 6.4%, 0.0%, 14.5%

OKLCH

0.7742 0.124 204.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#2DCCDA

#DA3B2D

Analogous

#2DDA92

#2D75DA

#2DCCDA

Triadic

#2DCCDA

#DA2DCC

#CCDA2D

Split Complementary

#2DCCDA

#DA2D75

#DA922D

Tetradic

#2DCCDA

#922DDA

#DA3B2D

#75DA2D

Color Blindness Simulation

Original

#2DCCDA

Protanopia

#7273D7

Deuteranopia

#695DD6

Tritanopia

#35D4D3

Achromatopsia

#ABABAB

CSS Usage

background-color: #2DCCDA;
color: #2DCCDA;
border-color: #2DCCDA;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C2F0F4
300
#97E6ED
400
#5FD8E3
500
#26CAD9
600
#1FA2AD
700
#18818B
800
#13656C
900
#124A4F
950
#0B2F32

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.76: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