#ca4bd4

Color #ca4bd4

A moderately saturated medium magenta.

Closest named color Medium Orchid #ba55d3 · ΔE 8.37 Nearest Tailwind class fuchsia-500 #e12afb · ΔE 5.7

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

Conversions

HEX

#ca4bd4

RGB

rgb(202, 75, 212)

HSL

hsl(295.6, 61.4%, 56.3%)

HSV / HSB

hsv(295.6, 64.6%, 83.1%)

CMYK

cmyk(4.7%, 64.6%, 0%, 16.9%)

LAB

lab(54.39, 67.36, -46.65)

LCH

lch(54.39, 81.94, 325.3)

OKLCH

oklch(63.6%, 0.2244, 324.76)

HWB

hwb(295.6, 29.4%, 16.9%)

Harmony colors

Complementary

#55d44b

Analogous

#864bd4

#ca4bd4

#d44b9a

Triadic

#ca4bd4

#d4ca4b

#4bd4ca

Split-complementary

#ca4bd4

#9ad44b

#4bd486

Tetradic

#ca4bd4

#d44b55

#55d44b

#4bd4ca

Square

#ca4bd4

#d4864b

#55d44b

#4b9ad4

Shades

Color #ca4bd4 mixed toward black.

#b62ec1

#92259a

#6d1c74

#49124d

#240927

Tints

Color #ca4bd4 mixed toward white.

#d369db

#dc87e2

#e4a5e9

#edc3f1

#f6e1f8

Tones

Color #ca4bd4 mixed toward gray.

#c057c9

#b662bd

#ad6db2

#a379a6

#99849b

Accessibility

Aa White text on this color

3.84:1

Aa Black text on this color

5.47:1

Black text reads better on this background (5.47:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#a3a2be · ΔE 25.5

Deuteranopia

#a9b0b8 · ΔE 25.7

Tritanopia

#c6aaa6 · ΔE 32.1

Achromatopsia

#828282 · ΔE 28.9

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

Code

CSS

background-color: #ca4bd4;

Tailwind (arbitrary value)

bg-[#ca4bd4]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#ca4bd4 (#ca4bd4) is rgb(202, 75, 212) in RGB.

No, #ca4bd4 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast