#cb97f4

Color #cb97f4

A vivid, highly saturated light purple.

Closest named color Plum #dda0dd · ΔE 17.94 Nearest Tailwind class purple-300 #dab2ff · ΔE 6.7

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

Conversions

HEX

#cb97f4

RGB

rgb(203, 151, 244)

HSL

hsl(273.5, 80.9%, 77.5%)

HSV / HSB

hsv(273.5, 38.1%, 95.7%)

CMYK

cmyk(16.8%, 38.1%, 0%, 4.3%)

LAB

lab(70.43, 36.46, -39.25)

LCH

lch(70.43, 53.57, 312.89)

OKLCH

oklch(76%, 0.1399, 309.08)

HWB

hwb(273.5, 59.2%, 4.3%)

Harmony colors

Complementary

#c0f497

Analogous

#9d97f4

#cb97f4

#f497ef

Triadic

#cb97f4

#f4cb97

#97f4cb

Split-complementary

#cb97f4

#eff497

#97f49d

Tetradic

#cb97f4

#f497c0

#c0f497

#97f4cb

Square

#cb97f4

#f49d97

#c0f497

#97eff4

Shades

Color #cb97f4 mixed toward black.

#ad5cee

#8f20e7

#6c13b3

#480d77

#24063c

Tints

Color #cb97f4 mixed toward white.

#d4a9f6

#dcbaf8

#e5cbfa

#eedcfb

#f6eefd

Tones

Color #cb97f4 mixed toward gray.

#ca9fec

#c9a7e5

#c8aedd

#c7b6d5

#c7becd

Accessibility

Aa White text on this color

2.26:1

Aa Black text on this color

9.27:1

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

Under color vision deficiencies

Protanopia

#b7b6e2 · ΔE 12.9

Deuteranopia

#babddd · ΔE 15.4

Tritanopia

#c9d2cf · ΔE 26.5

Achromatopsia

#acacac · ΔE 24.8

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

Code

CSS

background-color: #cb97f4;

Tailwind (arbitrary value)

bg-[#cb97f4]

Related colors

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Orchid #9932cc

Dark Violet #9400d3

Medium Purple #9370db

Frequently asked questions

#cb97f4 (#cb97f4) is rgb(203, 151, 244) in RGB.

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

Generate a palette → Check contrast