Recognised as Colour

#400A55

#400A55
Violet
Dark
Nearest: Midnight blue

#400A55 is a violet with RGB values 64, 10, 85 and HSL 283°, 79%, 19%. It is a dark colour, so white text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#400A55#400A55

HEX#400A55

RGBrgb(64, 10, 85)

RGB (0–1)0.251, 0.0392, 0.3333

RGB percentages25.1%, 3.9%, 33.3%

HSLhsl(283.2, 78.9%, 18.6%)

HSV / HSBhsv(283.2, 88.2%, 33.3%)

CMYK24.7%, 88.2%, 0%, 66.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,196,949

CSS custom property--colour: #400A55;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.08:1

Contrast with white15.08:1WCAG normal text: AAA

Contrast with black1.39:1WCAG normal text: Fail

Greyscale equivalent#1B1B1B

Inverted#BFF5AA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#3E1D30no blue cones; rare, and affects men and women equally; ΔE 32.5 from the original

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

Contrast with white, large text15.08:1WCAG large text: AAA

Contrast with black, large text1.39:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 18 Dark slateblue · ΔE 21.3 Rebecca purple · ΔE 23.7 Indigo · ΔE 26.1 Purple · ΔE 26.6 Dark magenta · ΔE 31.5

Nearest named CSS colourMidnight blue (#191970)ΔE 17.97, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1F550A

Analogous#1B0A55, #550A44

Triadic#55400A, #0A5540

Split complementary#45550A, #0A551A

Tetradic#551A0A, #1F550A, #0A4455

Tints, shades & saturation

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

Lighter +40%#BA42E9

Lighter +30%#A71ADE

Lighter +20%#8515B0

Lighter +10%#620F83

Darker −10%#1E0527

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#44005F

Less saturated −25%#3B1649

Channel breakdown

R64

G10

B85

Red64 (25.1%)

Green10 (3.9%)

Blue85 (33.3%)

Hue283.2°

Saturation (HSL)78.95%

Lightness18.63%

Dominant channelBlue

Hex per channelR 40 · G 0A · B 55

Keep nerding

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

#400A55

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