Colour

#C33693

#C33693
Magenta
Dark
Nearest: Medium violet red

#C33693 is a magenta with RGB values 195, 54, 147 and HSL 320°, 57%, 49%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Medium violet red.

Colour values

#C33693#C33693

HEX#C33693

RGBrgb(195, 54, 147)

RGB (0–1)0.7647, 0.2118, 0.5765

RGB percentages76.5%, 21.2%, 57.6%

HSLhsl(320.4, 56.6%, 48.8%)

HSV / HSBhsv(320.4, 72.3%, 76.5%)

CMYK0%, 72.3%, 24.6%, 23.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,793,491

CSS custom property--colour: #C33693;

Brightness & contrast

Relative luminance0.16347WCAG 2.x, 0 is black and 1 is white

Perceived brightness124.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.92:1

Contrast with white4.92:1WCAG normal text: AA

Contrast with black4.27:1WCAG normal text: Fail

Greyscale equivalent#5B5B5B

Inverted#3CC96C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#476196no red cones; affects about 1% of men; ΔE 59 from the original

Deuteranopia#717990no green cones; the most common form, about 1% of men; ΔE 61.7 from the original

Tritanopia#D03460no blue cones; rare, and affects men and women equally; ΔE 32 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.92:1WCAG large text: AAA

Contrast with black, large text4.27:1WCAG large text: AA

Named colours

Medium violet red · ΔE 9.1 Hot pink · ΔE 20.2 Orchid · ΔE 22.9 Dark magenta · ΔE 24.2 Purple · ΔE 24.8 Deep pink · ΔE 26.6

Nearest named CSS colourMedium violet red (#C71585)ΔE 9.08, clearly different but related

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#36C366

Analogous#AC36C3, #C3364D

Triadic#93C336, #3693C3

Split complementary#4DC336, #36C3AC

Tetradic#C3AC36, #36C366, #364DC3

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F3D2E8

Lighter +30%#E8AAD3

Lighter +20%#DD82BE

Lighter +10%#D15BA9

Darker −10%#9B2B75

Darker −20%#732057

Darker −30%#4B1539

Darker −40%#230A1B

More saturated +25%#E2179D

Less saturated −25%#A45589

Channel breakdown

R195

G54

B147

Red195 (76.5%)

Green54 (21.2%)

Blue147 (57.6%)

Hue320.43°

Saturation (HSL)56.63%

Lightness48.82%

Dominant channelRed

Hex per channelR C3 · G 36 · B 93

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#C33693

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else