Colour

#7C476B

#7C476B
Magenta
Dark
Nearest: Dim grey

#7C476B is a magenta with RGB values 124, 71, 107 and HSL 319°, 27%, 38%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#7C476B#7C476B

HEX#7C476B

RGBrgb(124, 71, 107)

RGB (0–1)0.4863, 0.2784, 0.4196

RGB percentages48.6%, 27.8%, 42%

HSLhsl(319.2, 27.2%, 38.2%)

HSV / HSBhsv(319.2, 42.7%, 48.6%)

CMYK0%, 42.7%, 13.7%, 51.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,144,747

CSS custom property--colour: #7C476B;

Brightness & contrast

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

Perceived brightness94.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.07:1

Contrast with white7.07:1WCAG normal text: AAA

Contrast with black2.97:1WCAG normal text: Fail

Greyscale equivalent#555555

Inverted#83B894

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#49536Cno red cones; affects about 1% of men; ΔE 26 from the original

Deuteranopia#575B6Ano green cones; the most common form, about 1% of men; ΔE 26.3 from the original

Tritanopia#824854no blue cones; rare, and affects men and women equally; ΔE 15.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.07:1WCAG large text: AAA

Contrast with black, large text2.97:1WCAG large text: Fail

Named colours

Dim grey · ΔE 31 Pale violetred · ΔE 31.1 Dark slateblue · ΔE 31.7 Rosy brown · ΔE 33.4 Slate grey · ΔE 33.9 Gray · ΔE 34.2

Nearest named CSS colourDim grey (#696969)ΔE 31.01, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#477C58

Analogous#72477C, #7C4751

Triadic#6B7C47, #476B7C

Split complementary#517C47, #477C72

Tetradic#7C7247, #477C58, #47517C

Tints, shades & saturation

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

Lighter +40%#D7B8CD

Lighter +30%#C498B6

Lighter +20%#B1789F

Lighter +10%#9C5A87

Darker −10%#5C344F

Darker −20%#3B2233

Darker −30%#1B0F17

Darker −40%#000000

More saturated +25%#942F74

Less saturated −25%#645F62

Channel breakdown

R124

G71

B107

Red124 (48.6%)

Green71 (27.8%)

Blue107 (42%)

Hue319.25°

Saturation (HSL)27.18%

Lightness38.24%

Dominant channelRed

Hex per channelR 7C · G 47 · B 6B

Keep nerding

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

#7C476B

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