#1BAEC0

#1BAEC0

Color Values

HEX

#1BAEC0

RGB

27, 174, 192

HSL

186.5, 75.3%, 42.9%

HSV

186.5, 85.9%, 75.3%

CMYK

85.9%, 9.4%, 0.0%, 24.7%

OKLCH

0.6887 0.1142 208.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1BAEC0

#C02D1B

Analogous

#1BC07F

#1B5CC0

#1BAEC0

Triadic

#1BAEC0

#C01BAE

#AEC01B

Split Complementary

#1BAEC0

#C01B5C

#C07F1B

Tetradic

#1BAEC0

#7F1BC0

#C02D1B

#5CC01B

Color Blindness Simulation

Original

#1BAEC0

Protanopia

#5B5CBC

Deuteranopia

#5247BB

Tritanopia

#22B8B7

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0F0F6
300
#94E6F0
400
#5AD8E8
500
#1FCBE0
600
#19A2B3
700
#14828F
800
#106570
900
#104A51
950
#0A2F33

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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