Colour

#3B3756

#3B3756
Blue
Dark
Nearest: Dark slate grey

#3B3756 is a blue with RGB values 59, 55, 86 and HSL 248°, 22%, 28%. It is a dark colour, so white text on it reaches 11.2:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#3B3756#3B3756

HEX#3B3756

RGBrgb(59, 55, 86)

RGB (0–1)0.2314, 0.2157, 0.3373

RGB percentages23.1%, 21.6%, 33.7%

HSLhsl(247.7, 22%, 27.6%)

HSV / HSBhsv(247.7, 36%, 33.7%)

CMYK31.4%, 36%, 0%, 66.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,880,790

CSS custom property--colour: #3B3756;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.25:1

Contrast with white11.25:1WCAG normal text: AAA

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

Greyscale equivalent#3A3A3A

Inverted#C4C8A9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2E3B57no red cones; affects about 1% of men; ΔE 6.6 from the original

Deuteranopia#2E3A55no green cones; the most common form, about 1% of men; ΔE 6.6 from the original

Tritanopia#353C42no blue cones; rare, and affects men and women equally; ΔE 17.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text11.25:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 26.7 Dim grey · ΔE 28.5 Dark slateblue · ΔE 29.6 Slate grey · ΔE 31.4 Black · ΔE 32.2 Steel blue · ΔE 34.1

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 26.69, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#525637

Analogous#374256, #4B3756

Triadic#563B37, #37563B

Split complementary#564B37, #435637

Tetradic#563743, #525637, #37564B

Tints, shades & saturation

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

Lighter +40%#9F9ABF

Lighter +30%#817BAB

Lighter +20%#665F94

Lighter +10%#504B75

Darker −10%#262337

Darker −20%#100F18

Darker −30%#000000

Darker −40%#000000

More saturated +25%#2E2568

Less saturated −25%#474747

Channel breakdown

R59

G55

B86

Red59 (23.1%)

Green55 (21.6%)

Blue86 (33.7%)

Hue247.74°

Saturation (HSL)21.99%

Lightness27.65%

Dominant channelBlue

Hex per channelR 3B · G 37 · B 56

Keep nerding

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

#3B3756

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