Skip to main content
ToolsHub
#BBADE6

#BBADE6 Color — #BBADE6

Complete color reference for #BBADE6: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#BBADE6
RGBrgb(187, 173, 230)
HSLhsl(255, 53%, 79%)
HSVhsv(255, 25%, 90%)
CMYKC:19% M:25% Y:0% K:10%
CSS Color#BBADE6
Decimal12299750
Luminance0.4617

WCAG Accessibility Contrast

#BBADE6 on White
Ratio: 2.05:1 — Fail
#BBADE6 on Black
Ratio: 10.23:1 — AAA
White on #BBADE6
Ratio: 2.05:1 — Fail
Black on #BBADE6
Ratio: 10.23:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FCFBFE
100#F5F3FB
200#EBE6F8
300#E0DAF4
400#D3CAEF
500#BBADE6
600#968AB8
700#70688A
800#4B455C
900#2F2B3A

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #BBADE6?

The RGB equivalent is rgb(187, 173, 230). The red channel is 187, green is 173, and blue is 230 (scale 0–255).

What is the HSL value of #BBADE6?

The HSL value is hsl(255, 53%, 79%). Hue is 255°, saturation is 53%, and lightness is 79%.

Does #BBADE6 meet WCAG accessibility standards?

On a white background, #BBADE6 achieves a 2.05:1 contrast ratio (Fail). On a black background it achieves 10.23:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #BBADE6?

The complementary color (180° opposite on the hue wheel) of #BBADE6 is #D8E6AD.