#b898ff

Color #b898ff

A vivid, highly saturated light blue.

Closest named color Medium Purple #9370db · ΔE 15.2 Nearest Tailwind class violet-400 #a684ff · ΔE 5.9

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

Conversions

HEX

#b898ff

RGB

rgb(184, 152, 255)

HSL

hsl(258.6, 100%, 79.8%)

HSV / HSB

hsv(258.6, 40.4%, 100%)

CMYK

cmyk(27.8%, 40.4%, 0%, 0%)

LAB

lab(69.37, 33.04, -47.01)

LCH

lch(69.37, 57.46, 305.1)

OKLCH

oklch(74.9%, 0.1475, 297.02)

HWB

hwb(258.6, 59.6%, 0%)

Harmony colors

Complementary

#dfff98

Analogous

#98acff

#b898ff

#eb98ff

Triadic

#b898ff

#ffb898

#98ffb8

Split-complementary

#b898ff

#ffeb98

#acff98

Tetradic

#b898ff

#ff98df

#dfff98

#98ffb8

Square

#b898ff

#ff98ac

#dfff98

#98ffeb

Shades

Color #b898ff mixed toward black.

#8954ff

#5a10ff

#3f00cb

#2a0088

#150044

Tints

Color #b898ff mixed toward white.

#c4a9ff

#d0baff

#dbcbff

#e7ddff

#f3eeff

Tones

Color #b898ff mixed toward gray.

#bba1f6

#bea9ee

#c2b2e5

#c5badd

#c8c3d4

Accessibility

Aa White text on this color

2.34:1

Aa Black text on this color

8.97:1

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

Under color vision deficiencies

Protanopia

#ababeb · ΔE 8.2

Deuteranopia

#adafe6 · ΔE 9.7

Tritanopia

#b7dad6 · ΔE 29.2

Achromatopsia

#a9a9a9 · ΔE 25.3

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

Code

CSS

background-color: #b898ff;

Tailwind (arbitrary value)

bg-[#b898ff]

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

#b898ff (#b898ff) is rgb(184, 152, 255) in RGB.

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

Generate a palette → Check contrast