Recognised as Colour

#310B4E

#310B4E
Violet
Dark
Nearest: Midnight blue

#310B4E is a violet with RGB values 49, 11, 78 and HSL 274°, 75%, 17%. It is a dark colour, so white text on it reaches 16.3:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#310B4E#310B4E

HEX#310B4E

RGBrgb(49, 11, 78)

RGB (0–1)0.1922, 0.0431, 0.3059

RGB percentages19.2%, 4.3%, 30.6%

HSLhsl(274, 75.3%, 17.5%)

HSV / HSBhsv(274, 85.9%, 30.6%)

CMYK37.2%, 85.9%, 0%, 69.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,214,158

CSS custom property--colour: #310B4E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.3:1

Contrast with white16.3:1WCAG normal text: AAA

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

Greyscale equivalent#181818

Inverted#CEF4B1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#001F50no red cones; affects about 1% of men; ΔE 20.3 from the original

Deuteranopia#00204Dno green cones; the most common form, about 1% of men; ΔE 22.6 from the original

Tritanopia#2C1D2Cno blue cones; rare, and affects men and women equally; ΔE 33.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.3:1WCAG large text: AAA

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

Named colours

Midnight blue · ΔE 17.3 Dark slateblue · ΔE 21.7 Rebecca purple · ΔE 27.5 Indigo · ΔE 29.7 Purple · ΔE 32.4 Navy · ΔE 35.6

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

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#284E0B

Analogous#100B4E, #4E0B49

Triadic#4E310B, #0B4E31

Split complementary#4A4E0B, #0B4E10

Tetradic#4E100B, #284E0B, #0B494E

Tints, shades & saturation

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

Lighter +40%#9D41E4

Lighter +30%#851ED4

Lighter +20%#6918A7

Lighter +10%#4D117B

Darker −10%#150521

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#320059

Less saturated −25%#301643

Channel breakdown

R49

G11

B78

Red49 (19.2%)

Green11 (4.3%)

Blue78 (30.6%)

Hue274.03°

Saturation (HSL)75.28%

Lightness17.45%

Dominant channelBlue

Hex per channelR 31 · G 0B · B 4E

Keep nerding

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

#310B4E

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