#1BBABC

#1BBABC

Color Values

HEX

#1BBABC

RGB

27, 186, 188

HSL

180.7, 74.9%, 42.2%

HSV

180.7, 85.6%, 73.7%

CMYK

85.6%, 1.1%, 0.0%, 26.3%

OKLCH

0.7169 0.1182 196.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#1BBABC

#BC1D1B

Analogous

#1BBC6D

#1B6ABC

#1BBABC

Triadic

#1BBABC

#BC1BBA

#BABC1B

Split Complementary

#1BBABC

#BC1B6A

#BC6D1B

Tetradic

#1BBABC

#6D1BBC

#BC1D1B

#6ABC1B

Color Blindness Simulation

Original

#1BBABC

Protanopia

#6061BC

Deuteranopia

#574BBB

Tritanopia

#23BBBB

Achromatopsia

#989898

CSS Usage

background-color: #1BBABC;
color: #1BBABC;
border-color: #1BBABC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C1F5F6
300
#94EFF0
400
#5AE6E7
500
#20DDDF
600
#1AB1B2
700
#148D8F
800
#106E6F
900
#105051
950
#0A3333

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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