#1BBABF

#1BBABF

Color Values

HEX

#1BBABF

RGB

27, 186, 191

HSL

181.8, 75.2%, 42.7%

HSV

181.8, 85.9%, 74.9%

CMYK

85.9%, 2.6%, 0.0%, 25.1%

OKLCH

0.718 0.1182 198.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#1BBABF

#BF201B

Analogous

#1BBF72

#1B68BF

#1BBABF

Triadic

#1BBABF

#BF1BBA

#BABF1B

Split Complementary

#1BBABF

#BF1B68

#BF721B

Tetradic

#1BBABF

#721BBF

#BF201B

#68BF1B

Color Blindness Simulation

Original

#1BBABF

Protanopia

#6061BE

Deuteranopia

#574BBE

Tritanopia

#23BDBD

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F5F6
300
#94EDF0
400
#5AE3E8
500
#20DADF
600
#19AEB3
700
#148B8F
800
#106D70
900
#104F51
950
#0A3233

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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