#2DDDDC

#2DDDDC

Color Values

HEX

#2DDDDC

RGB

45, 221, 220

HSL

179.7, 72.1%, 52.2%

HSV

179.7, 79.6%, 86.7%

CMYK

79.6%, 0.0%, 0.5%, 13.3%

OKLCH

0.8158 0.1322 194.3

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#2DDDDC

#DD2D2E

Analogous

#2DDD84

#2D86DD

#2DDDDC

Triadic

#2DDDDC

#DC2DDD

#DDDC2D

Split Complementary

#2DDDDC

#DD2D86

#DD842D

Tetradic

#2DDDDC

#842DDD

#DD2D2E

#86DD2D

Color Blindness Simulation

Original

#2DDDDC

Protanopia

#797BDC

Deuteranopia

#6F62DC

Tritanopia

#36DCDC

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C2F5F5
300
#96EEED
400
#5DE5E4
500
#24DBDB
600
#1CB0AF
700
#178C8C
800
#126E6D
900
#115050
950
#0B3232

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026