#1DAEB3

#1DAEB3

Color Values

HEX

#1DAEB3

RGB

29, 174, 179

HSL

182,0, 72,1%, 40,8%

HSV

182,0, 83,8%, 70,2%

CMYK

83,8%, 2,8%, 0,0%, 29,8%

OKLCH

0,6839 0,1115 198,7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1DAEB3

#B3221D

Analogous

#1DB36D

#1D63B3

#1DAEB3

Triadic

#1DAEB3

#B31DAE

#AEB31D

Split Complementary

#1DAEB3

#B31D63

#B36D1D

Tetradic

#1DAEB3

#6D1DB3

#B3221D

#63B31D

Color Blindness Simulation

Original

#1DAEB3

Protanopia

#5C5DB2

Deuteranopia

#5348B2

Tritanopia

#24B1B1

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#96EBEE
400
#5DE0E5
500
#24D5DB
600
#1CABB0
700
#17898C
800
#126B6E
900
#114E50
950
#0B3132

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,76: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