#1B706C

Color Details

HEX
#1B706C
RGB
rgb(27, 112, 108)
HSL
hsl(177, 61%, 27%)
CMYK
cmyk(76%, 0%, 4%, 56%)
Best text on this color #FFFFFF (CR 5.86:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1b706c
Contrast 3.58:1 Fail
White on #1b706c
Contrast 5.86:1 AA
#1b706c on Black
Contrast 3.58:1 Fail
#1b706c on White
Contrast 5.86:1 AA

Tints & Shades

#498d89
#76a9a7
#a4c6c4
#165a56
#104341
#0b2d2b

Complement & Analogous

#6f1b1f
#1b496f
#1b6f41

Triadic

#6b1b6f
#6f6b1b

Monochrome

#0b2d2b #104341 #1b706c #76a9a7 #a4c6c4 #d1e2e2

Analogous

#1b6f41 #5f9a7a #1b706c #496d8c #1b496f #163a59

Complementary Mix

#104341 #1b706c #76a9a7 #6f1b1f #a16b6d #481214

Nearby Colors

#1b706b
#1b706d
#1b705c
#1b707c

Embed #1B706C swatch

Embed this swatch

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

Open image

About #1B706C

#1B706C converts to RGB(27, 112, 108) and HSL(177, 61%, 27%). 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).

#1B706C FAQs

What is the RGB value of #1B706C?
RGB: 27, 112, 108. Copy as CSS: rgb(27, 112, 108)
Is #1B706C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1B706C?
Complement: #6f1b1f.
Does #1B706C have good contrast on white or black?
On white: 5.86:1 (AA (normal text)). On black: 3.58:1 (AA (large text)).