#1DB0BC

#1DB0BC

Color Values

HEX

#1DB0BC

RGB

29, 176, 188

HSL

184.5, 73.3%, 42.5%

HSV

184.5, 84.6%, 73.7%

CMYK

84.6%, 6.4%, 0.0%, 26.3%

OKLCH

0.6923 0.1133 203.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1DB0BC

#BC291D

Analogous

#1DBC78

#1D60BC

#1DB0BC

Triadic

#1DB0BC

#BC1DB0

#B0BC1D

Split Complementary

#1DB0BC

#BC1D60

#BC781D

Tetradic

#1DB0BC

#781DBC

#BC291D

#60BC1D

Color Blindness Simulation

Original

#1DB0BC

Protanopia

#5D5EB9

Deuteranopia

#5449B8

Tritanopia

#24B7B6

Achromatopsia

#929292

CSS Usage

background-color: #1DB0BC;
color: #1DB0BC;
border-color: #1DB0BC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C1F2F5
300
#95E8EF
400
#5BDBE6
500
#22CFDD
600
#1BA6B1
700
#16848D
800
#11676E
900
#104C50
950
#0A3033

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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