Recognised as Colour

#331E8A

#331E8A
Blue
Dark
Nearest: Indigo

#331E8A is a blue with RGB values 51, 30, 138 and HSL 252°, 64%, 33%. It is a dark colour, so white text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Indigo.

Colour values

#331E8A#331E8A

HEX#331E8A

RGBrgb(51, 30, 138)

RGB (0–1)0.2, 0.1176, 0.5412

RGB percentages20%, 11.8%, 54.1%

HSLhsl(251.7, 64.3%, 32.9%)

HSV / HSBhsv(251.7, 78.3%, 54.1%)

CMYK63%, 78.3%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,350,154

CSS custom property--colour: #331E8A;

Brightness & contrast

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

Perceived brightness59 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.4:1

Contrast with white12.4:1WCAG normal text: AAA

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

Greyscale equivalent#2A2A2A

Inverted#CCE175

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00388Dno red cones; affects about 1% of men; ΔE 21.1 from the original

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

Tritanopia#003D53no blue cones; rare, and affects men and women equally; ΔE 62.1 from the original

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

Contrast with white, large text12.4:1WCAG large text: AAA

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

Named colours

Indigo · ΔE 11.6 Midnight blue · ΔE 12.6 Navy · ΔE 14.1 Rebecca purple · ΔE 14.5 Dark blue · ΔE 17.4 Dark slateblue · ΔE 22.2

Nearest named CSS colourIndigo (#4B0082)ΔE 11.59, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#758A1E

Analogous#1E3F8A, #691E8A

Triadic#8A331E, #1E8A33

Split complementary#8A691E, #3F8A1E

Tetradic#8A1E3F, #758A1E, #1E8A69

Tints, shades & saturation

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

Lighter +40%#9F8EE6

Lighter +30%#7B64DD

Lighter +20%#583AD4

Lighter +10%#4227B4

Darker −10%#241560

Darker −20%#140C36

Darker −30%#05030C

Darker −40%#000000

More saturated +25%#26099F

Less saturated −25%#403375

Channel breakdown

R51

G30

B138

Red51 (20%)

Green30 (11.8%)

Blue138 (54.1%)

Hue251.67°

Saturation (HSL)64.29%

Lightness32.94%

Dominant channelBlue

Hex per channelR 33 · G 1E · B 8A

Keep nerding

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

#331E8A

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