#bcace3

Color #bcace3

A moderately saturated light blue.

Closest named color Plum #dda0dd · ΔE 16.29 Nearest Tailwind class violet-300 #c4b4ff · ΔE 5.1

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

Conversions

HEX

#bcace3

RGB

rgb(188, 172, 227)

HSL

hsl(257.5, 49.5%, 78.2%)

HSV / HSB

hsv(257.5, 24.2%, 89%)

CMYK

cmyk(17.2%, 24.2%, 0%, 11%)

LAB

lab(73.38, 16.63, -25.53)

LCH

lch(73.38, 30.47, 303.08)

OKLCH

oklch(77.7%, 0.0791, 297.89)

HWB

hwb(257.5, 67.5%, 11%)

Harmony colors

Complementary

#d3e3ac

Analogous

#acb7e3

#bcace3

#d7ace3

Triadic

#bcace3

#e3bcac

#ace3bc

Split-complementary

#bcace3

#e3d7ac

#b7e3ac

Tetradic

#bcace3

#e3acd3

#d3e3ac

#ace3bc

Square

#bcace3

#e3acb7

#d3e3ac

#ace3d7

Shades

Color #bcace3 mixed toward black.

#947ad2

#6c49c1

#4f3295

#352263

#1a1132

Tints

Color #bcace3 mixed toward white.

#c7bae8

#d2c8ec

#ddd5f1

#e9e3f6

#f4f1fa

Tones

Color #bcace3 mixed toward gray.

#beb0de

#c0b5da

#c2bad5

#c4bed1

#c5c3cc

Accessibility

Aa White text on this color

2.07:1

Aa Black text on this color

10.15:1

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

Under color vision deficiencies

Protanopia

#b5b5d7 · ΔE 6.7

Deuteranopia

#b6b7d4 · ΔE 8.2

Tritanopia

#bbcecb · ΔE 23.9

Achromatopsia

#b4b4b4 · ΔE 19.5

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

Code

CSS

background-color: #bcace3;

Tailwind (arbitrary value)

bg-[#bcace3]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Blue Violet #8a2be2

Frequently asked questions

#bcace3 (#bcace3) is rgb(188, 172, 227) in RGB.

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

Generate a palette → Check contrast