#bbdcc6

Color #bbdcc6

A muted light green.

Closest named color Pale Turquoise #afeeee · ΔE 15.23 Nearest Tailwind class emerald-100 #d0fae5 · ΔE 6.6

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

Conversions

HEX

#bbdcc6

RGB

rgb(187, 220, 198)

HSL

hsl(140, 32%, 79.8%)

HSV / HSB

hsv(140, 15%, 86.3%)

CMYK

cmyk(15%, 0%, 10%, 13.7%)

LAB

lab(84.91, -15.09, 7.19)

LCH

lch(84.91, 16.72, 154.52)

OKLCH

oklch(86.4%, 0.0462, 156.1)

HWB

hwb(140, 73.3%, 13.7%)

Harmony colors

Complementary

#dcbbd1

Analogous

#c1dcbb

#bbdcc6

#bbdcd6

Triadic

#bbdcc6

#c6bbdc

#dcc6bb

Split-complementary

#bbdcc6

#d6bbdc

#dcbbc1

Tetradic

#bbdcc6

#bbd1dc

#dcbbd1

#dcc6bb

Square

#bbdcc6

#bbc1dc

#dcbbd1

#dcd6bb

Shades

Color #bbdcc6 mixed toward black.

#8ec5a0

#61ae7b

#45865b

#2e5a3d

#172d1e

Tints

Color #bbdcc6 mixed toward white.

#c6e2cf

#d2e8d9

#ddede2

#e8f3ec

#f4f9f5

Tones

Color #bbdcc6 mixed toward gray.

#bed9c7

#c1d6c8

#c3d4c9

#c6d1ca

#c9cecb

Accessibility

Aa White text on this color

1.48:1

Aa Black text on this color

14.17:1

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

Under color vision deficiencies

Protanopia

#cacacc · ΔE 16.4

Deuteranopia

#c8c6cd · ΔE 19.2

Tritanopia

#bdd0d1 · ΔE 10.8

Achromatopsia

#d4d4d4 · ΔE 15.4

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

Code

CSS

background-color: #bbdcc6;

Tailwind (arbitrary value)

bg-[#bbdcc6]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#bbdcc6 (#bbdcc6) is rgb(187, 220, 198) in RGB.

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

Generate a palette → Check contrast