#762458

Color #762458

A moderately saturated dark magenta.

Closest named color Purple #800080 · ΔE 30.05 Nearest Tailwind class pink-900 #861043 · ΔE 8

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

Conversions

HEX

#762458

RGB

rgb(118, 36, 88)

HSL

hsl(322, 53.2%, 30.2%)

HSV / HSB

hsv(322, 69.5%, 46.3%)

CMYK

cmyk(0%, 69.5%, 25.4%, 53.7%)

LAB

lab(28.95, 41.21, -12.23)

LCH

lch(28.95, 42.99, 343.47)

OKLCH

oklch(40.4%, 0.1286, 345.36)

HWB

hwb(322, 14.1%, 53.7%)

Harmony colors

Complementary

#247642

Analogous

#6b2476

#762458

#76242f

Triadic

#762458

#587624

#245876

Split-complementary

#762458

#2f7624

#24766b

Tetradic

#762458

#764224

#247642

#245876

Square

#762458

#766b24

#247642

#242f76

Shades

Color #762458 mixed toward black.

#621e49

#4f183b

#3b122c

#270c1d

#14060f

Tints

Color #762458 mixed toward white.

#a3327a

#c74999

#d577b3

#e3a4cc

#f1d2e6

Tones

Color #762458 mixed toward gray.

#6f2b56

#683254

#613952

#5b3f51

#54464f

Accessibility

Aa White text on this color

9.71:1

Aa Black text on this color

2.16:1

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

Under color vision deficiencies

Protanopia

#5d5d4f · ΔE 34.2

Deuteranopia

#61664d · ΔE 41.1

Tritanopia

#734745 · ΔE 17.1

Achromatopsia

#444444 · ΔE 24.1

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

Code

CSS

background-color: #762458;

Tailwind (arbitrary value)

bg-[#762458]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#762458 (#762458) is rgb(118, 36, 88) in RGB.

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

Generate a palette → Check contrast