Colour

#E7E0E7

#E7E0E7
Magenta
Light
Nearest: Gainsboro

#E7E0E7 is a magenta with RGB values 231, 224, 231 and HSL 300°, 13%, 89%. It is a light colour, so black text on it reaches 16.2:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#E7E0E7#E7E0E7

HEX#E7E0E7

RGBrgb(231, 224, 231)

RGB (0–1)0.9059, 0.8784, 0.9059

RGB percentages90.6%, 87.8%, 90.6%

HSLhsl(300, 12.7%, 89.2%)

HSV / HSBhsv(300, 3%, 90.6%)

CMYK0%, 3%, 0%, 9.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,196,391

CSS custom property--colour: #E7E0E7;

Brightness & contrast

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

Perceived brightness226.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.21:1

Contrast with white1.3:1WCAG normal text: Fail

Contrast with black16.21:1WCAG normal text: AAA

Greyscale equivalent#E2E2E2

Inverted#181F18

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#E0E2E7no red cones; affects about 1% of men; ΔE 3.4 from the original

Deuteranopia#E1E2E7no green cones; the most common form, about 1% of men; ΔE 3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.3:1WCAG large text: Fail

Contrast with black, large text16.21:1WCAG large text: AAA

Named colours

Gainsboro · ΔE 4.9 Lavender blush · ΔE 6.9 Light grey · ΔE 6.9 Lavender · ΔE 7.4 White smoke · ΔE 8 Ghost white · ΔE 8.3

Nearest named CSS colourGainsboro (#DCDCDC)ΔE 4.92, a close match

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E0E7E0

Analogous#E3E0E7, #E7E0E3

Triadic#E7E7E0, #E0E7E7

Split complementary#E3E7E0, #E0E7E3

Tetradic#E7E3E0, #E0E7E0, #E0E3E7

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FDFDFD

Darker −10%#D1C3D1

Darker −20%#BAA7BA

Darker −30%#A48AA4

Darker −40%#8D6E8D

More saturated +25%#EED9EE

Less saturated −25%#E3E3E3

Channel breakdown

R231

G224

B231

Red231 (90.6%)

Green224 (87.8%)

Blue231 (90.6%)

Hue300°

Saturation (HSL)12.73%

Lightness89.22%

Dominant channelRed and Blue

Hex per channelR E7 · G E0 · B E7

Keep nerding

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

#E7E0E7

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