#1DC4D0

#1DC4D0

Color Values

HEX

#1DC4D0

RGB

29, 196, 208

HSL

184.0, 75.5%, 46.5%

HSV

184.0, 86.1%, 81.6%

CMYK

86.1%, 5.8%, 0.0%, 18.4%

OKLCH

0.749 0.1235 202.9

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#1DC4D0

#D0291D

Analogous

#1DD083

#1D6BD0

#1DC4D0

Triadic

#1DC4D0

#D01DC4

#C4D01D

Split Complementary

#1DC4D0

#D01D6B

#D0831D

Tetradic

#1DC4D0

#831DD0

#D0291D

#6BD01D

Color Blindness Simulation

Original

#1DC4D0

Protanopia

#6567CD

Deuteranopia

#5C4FCC

Tritanopia

#25CBCA

Achromatopsia

#A1A1A1

CSS Usage

background-color: #1DC4D0;
color: #1DC4D0;
border-color: #1DC4D0;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F6
300
#94EAF0
400
#59DEE8
500
#1FD3E0
600
#19A9B3
700
#14878F
800
#106970
900
#104D51
950
#0A3133

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.86:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026