#8fc2bd

Color #8fc2bd

A muted light cyan.

Closest named color Powder Blue #b0e0e6 · ΔE 12.86 Nearest Tailwind class teal-500 #00bba7 · ΔE 12.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#8fc2bd

RGB

rgb(143, 194, 189)

HSL

hsl(174.1, 29.5%, 66.1%)

HSV / HSB

hsv(174.1, 26.3%, 76.1%)

CMYK

cmyk(26.3%, 0%, 2.6%, 23.9%)

LAB

lab(74.89, -17.67, -2.89)

LCH

lch(74.89, 17.9, 189.29)

OKLCH

oklch(77.7%, 0.0538, 188.55)

HWB

hwb(174.1, 56.1%, 23.9%)

Harmony colors

Complementary

#c28f94

Analogous

#8fc2a4

#8fc2bd

#8faec2

Triadic

#8fc2bd

#bd8fc2

#c2bd8f

Split-complementary

#8fc2bd

#c28fae

#c2a48f

Tetradic

#8fc2bd

#8f94c2

#c28f94

#c2bd8f

Square

#8fc2bd

#a48fc2

#c28f94

#aec28f

Shades

Color #8fc2bd mixed toward black.

#6baea8

#4f928b

#3b6d68

#284945

#142423

Tints

Color #8fc2bd mixed toward white.

#a2ccc8

#b4d6d3

#c7e1de

#daebe9

#ecf5f4

Tones

Color #8fc2bd mixed toward gray.

#93beba

#98bab6

#9cb5b3

#a0b1af

#a4adac

Accessibility

Aa White text on this color

1.98:1

Aa Black text on this color

10.62:1

Black text reads better on this background (10.62:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#a8a8be · ΔE 22.8

Deuteranopia

#a5a1bf · ΔE 25.7

Tritanopia

#92bfbf · ΔE 2.7

Achromatopsia

#b8b8b8 · ΔE 16.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #8fc2bd;

Tailwind (arbitrary value)

bg-[#8fc2bd]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#8fc2bd (#8fc2bd) is rgb(143, 194, 189) in RGB.

No, #8fc2bd is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #8fc2bd, or check how it holds up for accessibility.

Generate a palette → Check contrast