#bbf2ea

Color #bbf2ea

A moderately saturated very light cyan.

Closest named color Pale Turquoise #afeeee · ΔE 4.89 Nearest Tailwind class teal-100 #cbfbf1 · ΔE 2.7

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

Conversions

HEX

#bbf2ea

RGB

rgb(187, 242, 234)

HSL

hsl(171.3, 67.9%, 84.1%)

HSV / HSB

hsv(171.3, 22.7%, 94.9%)

CMYK

cmyk(22.7%, 0%, 3.3%, 5.1%)

LAB

lab(91.69, -18.98, -1.84)

LCH

lch(91.69, 19.07, 185.54)

OKLCH

oklch(92.1%, 0.0568, 185.25)

HWB

hwb(171.3, 73.3%, 5.1%)

Harmony colors

Complementary

#f2bbc3

Analogous

#bbf2ce

#bbf2ea

#bbdef2

Triadic

#bbf2ea

#eabbf2

#f2eabb

Split-complementary

#bbf2ea

#f2bbde

#f2cebb

Tetradic

#bbf2ea

#bbc3f2

#f2bbc3

#f2eabb

Square

#bbf2ea

#cebbf2

#f2bbc3

#def2bb

Shades

Color #bbf2ea mixed toward black.

#7fe7d7

#43dbc5

#22b49f

#17786a

#0b3c35

Tints

Color #bbf2ea mixed toward white.

#c6f4ee

#d2f6f1

#ddf8f5

#e8fbf8

#f4fdfc

Tones

Color #bbf2ea mixed toward gray.

#c0ede7

#c4e9e3

#c9e4e0

#cde0dd

#d2dbda

Accessibility

Aa White text on this color

1.24:1

Aa Black text on this color

17:1

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

Under color vision deficiencies

Protanopia

#d5d6ec · ΔE 22.8

Deuteranopia

#d2ceec · ΔE 26.1

Tritanopia

#beeeee · ΔE 3.7

Achromatopsia

#e7e7e7 · ΔE 17.3

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

Code

CSS

background-color: #bbf2ea;

Tailwind (arbitrary value)

bg-[#bbf2ea]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#bbf2ea (#bbf2ea) is rgb(187, 242, 234) in RGB.

No, #bbf2ea is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #bbf2ea, or check how it holds up for accessibility.

Generate a palette → Check contrast