Colour

#D553F0

#D553F0
Violet
Dark
Nearest: Medium orchid

#D553F0 is a violet with RGB values 213, 83, 240 and HSL 290°, 84%, 63%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Medium orchid.

Colour values

#D553F0#D553F0

HEX#D553F0

RGBrgb(213, 83, 240)

RGB (0–1)0.8353, 0.3255, 0.9412

RGB percentages83.5%, 32.5%, 94.1%

HSLhsl(289.7, 84%, 63.3%)

HSV / HSBhsv(289.7, 65.4%, 94.1%)

CMYK11.2%, 65.4%, 0%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,980,656

CSS custom property--colour: #D553F0;

Brightness & contrast

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

Perceived brightness155.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.32:1

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

Contrast with black6.32:1WCAG normal text: AA

Greyscale equivalent#7A7A7A

Inverted#2AAC0F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text6.32:1WCAG large text: AAA

Named colours

Medium orchid · ΔE 15.8 Dark orchid · ΔE 17.2 Dark violet · ΔE 24.6 Blue violet · ΔE 25.3 Violet · ΔE 26.6 Orchid · ΔE 27.1

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6EF053

Analogous#8753F0, #F053BC

Triadic#F0D553, #53F0D5

Split complementary#BCF053, #53F087

Tetradic#F08753, #6EF053, #53BCF0

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F7E0FC

Lighter +20%#ECB1F8

Lighter +10%#E082F4

Darker −10%#CA24EC

Darker −20%#AB12CB

Darker −30%#840E9C

Darker −40%#5C0A6D

More saturated +25%#DF44FF

Less saturated −25%#C66AD9

Channel breakdown

R213

G83

B240

Red213 (83.5%)

Green83 (32.5%)

Blue240 (94.1%)

Hue289.68°

Saturation (HSL)83.96%

Lightness63.33%

Dominant channelBlue

Hex per channelR D5 · G 53 · B F0

Keep nerding

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

#D553F0

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