#1BBAC0

#1BBAC0

Color Values

HEX

#1BBAC0

RGB

27, 186, 192

HSL

182.2, 75.3%, 42.9%

HSV

182.2, 85.9%, 75.3%

CMYK

85.9%, 3.1%, 0.0%, 24.7%

OKLCH

0.7183 0.1183 199.1

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#1BBAC0

#C0211B

Analogous

#1BC073

#1B67C0

#1BBAC0

Triadic

#1BBAC0

#C01BBA

#BAC01B

Split Complementary

#1BBAC0

#C01B67

#C0731B

Tetradic

#1BBAC0

#731BC0

#C0211B

#67C01B

Color Blindness Simulation

Original

#1BBAC0

Protanopia

#6061BF

Deuteranopia

#574BBE

Tritanopia

#23BDBD

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F8F9
200
#C0F4F6
300
#94EDF0
400
#5AE2E8
500
#1FD8E0
600
#19ADB3
700
#148B8F
800
#106C70
900
#104F51
950
#0A3233

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026