Recognised as Colour

#DE38DE

#DE38DE
Magenta
Dark
Nearest: Medium orchid

#DE38DE is a magenta with RGB values 222, 56, 222 and HSL 300°, 72%, 55%. It is a dark colour, so black text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Medium orchid.

Colour values

#DE38DE#DE38DE

HEX#DE38DE

RGBrgb(222, 56, 222)

RGB (0–1)0.8706, 0.2196, 0.8706

RGB percentages87.1%, 22%, 87.1%

HSLhsl(300, 71.6%, 54.5%)

HSV / HSBhsv(300, 74.8%, 87.1%)

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

24-bit integer14,563,550

CSS custom property--colour: #DE38DE;

Brightness & contrast

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

Perceived brightness149 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.73:1

Contrast with white3.67:1WCAG normal text: Fail

Contrast with black5.73:1WCAG normal text: AA

Greyscale equivalent#676767

Inverted#21C721

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0B78E2no red cones; affects about 1% of men; ΔE 68.1 from the original

Deuteranopia#678DDAno green cones; the most common form, about 1% of men; ΔE 71.5 from the original

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

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

Contrast with white, large text3.67:1WCAG large text: AA

Contrast with black, large text5.73:1WCAG large text: AAA

Named colours

Medium orchid · ΔE 21 Dark orchid · ΔE 21.6 Fuchsia · ΔE 21.9 Magenta · ΔE 21.9 Dark violet · ΔE 26.2 Orchid · ΔE 29.9

Nearest named CSS colourMedium orchid (#BA55D3)ΔE 20.96, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#38DE38

Analogous#8B38DE, #DE388B

Triadic#DEDE38, #38DEDE

Split complementary#8BDE38, #38DE8B

Tetradic#DE8B38, #38DE38, #388BDE

Tints, shades & saturation

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

Lighter +40%#FBE7FB

Lighter +30%#F4BBF4

Lighter +20%#ED8FED

Lighter +10%#E564E5

Darker −10%#C320C3

Darker −20%#971997

Darker −30%#6B126B

Darker −40%#3F0B3F

More saturated +25%#FB1BFB

Less saturated −25%#C155C1

Channel breakdown

R222

G56

B222

Red222 (87.1%)

Green56 (22%)

Blue222 (87.1%)

Hue300°

Saturation (HSL)71.55%

Lightness54.51%

Dominant channelRed and Blue

Hex per channelR DE · G 38 · B DE

Keep nerding

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

#DE38DE

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