#1D9DA0

#1D9DA0

Color Values

HEX

#1D9DA0

RGB

29, 157, 160

HSL

181.4, 69.3%, 37.1%

HSV

181.4, 81.9%, 62.7%

CMYK

81.9%, 1.9%, 0.0%, 37.3%

OKLCH

0.634 0.1023 197.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#1D9DA0

#A0201D

Analogous

#1DA062

#1D5CA0

#1D9DA0

Triadic

#1D9DA0

#A01D9D

#9DA01D

Split Complementary

#1D9DA0

#A01D5C

#A0621D

Tetradic

#1D9DA0

#621DA0

#A0201D

#5CA01D

Color Blindness Simulation

Original

#1D9DA0

Protanopia

#54569F

Deuteranopia

#4D439F

Tritanopia

#239F9F

Achromatopsia

#828282

CSS Usage

background-color: #1D9DA0;
color: #1D9DA0;
border-color: #1D9DA0;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E3F7F8
200
#C3F3F4
300
#97EAEC
400
#5FDFE2
500
#27D4D8
600
#1FA9AD
700
#19888A
800
#146A6C
900
#124D4F
950
#0C3132

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026