#1BA1BB

Color Details

HEX
#1BA1BB
RGB
rgb(27, 161, 187)
HSL
hsl(190, 75%, 42%)
CMYK
cmyk(86%, 14%, 0%, 27%)
Best text on this color #000000 (CR 6.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1ba1bb
Contrast 6.86:1 AA
White on #1ba1bb
Contrast 3.06:1 Fail
#1ba1bb on Black
Contrast 6.86:1 AA
#1ba1bb on White
Contrast 3.06:1 Fail

Tints & Shades

#49b4c9
#76c7d6
#a4d9e4
#168196
#106170
#0b404b

Complement & Analogous

#bb361b
#1b50bb
#1bbb86

Triadic

#bb1ba1
#a1bb1b

Monochrome

#0b404b #106170 #1ba1bb #76c7d6 #a4d9e4 #d1ecf1

Analogous

#1bbb86 #5fcfaa #1ba1bb #4973c9 #1b50bb #164096

Complementary Mix

#106170 #1ba1bb #76c7d6 #bb361b #d37c6b #7a2312

Nearby Colors

#1ba1ba
#1ba1bc
#1ba1ab
#1ba1cb

Embed #1BA1BB swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #1BA1BB

#1BA1BB converts to RGB(27, 161, 187) and HSL(190, 75%, 42%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#1BA1BB FAQs

What is the RGB value of #1BA1BB?
RGB: 27, 161, 187. Copy as CSS: rgb(27, 161, 187)
Is #1BA1BB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1BA1BB?
Complement: #bb361b.
Does #1BA1BB have good contrast on white or black?
On white: 3.06:1 (AA (large text)). On black: 6.86:1 (AA (normal text)).