Skip to main content
ToolsHub
#B497CE

#B497CE Color — #B497CE

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

Color Format Conversions

HEX#B497CE
RGBrgb(180, 151, 206)
HSLhsl(272, 36%, 70%)
HSVhsv(272, 27%, 81%)
CMYKC:13% M:27% Y:0% K:19%
CSS Color#B497CE
Decimal11835342
Luminance0.3629

WCAG Accessibility Contrast

#B497CE on White
Ratio: 2.54:1 — Fail
#B497CE on Black
Ratio: 8.26:1 — AAA
White on #B497CE
Ratio: 2.54:1 — Fail
Black on #B497CE
Ratio: 8.26:1 — AAA

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

Shades & Tints Scale

50#FBFAFD
100#F4EFF8
200#E9E0F0
300#DDD0E9
400#CEBBDF
500#B497CE
600#9079A5
700#6C5B7C
800#483C52
900#2D2634

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 #B497CE?

The RGB equivalent is rgb(180, 151, 206). The red channel is 180, green is 151, and blue is 206 (scale 0–255).

What is the HSL value of #B497CE?

The HSL value is hsl(272, 36%, 70%). Hue is 272°, saturation is 36%, and lightness is 70%.

Does #B497CE meet WCAG accessibility standards?

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

What is the complementary color of #B497CE?

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