Colour

#3836A4

#3836A4
Blue
Dark
Nearest: Rebecca purple

#3836A4 is a blue with RGB values 56, 54, 164 and HSL 241°, 50%, 43%. It is a dark colour, so white text on it reaches 9.4:1 contrast (AAA for normal text). The nearest named colour is Rebecca purple.

Colour values

#3836A4#3836A4

HEX#3836A4

RGBrgb(56, 54, 164)

RGB (0–1)0.2196, 0.2118, 0.6431

RGB percentages22%, 21.2%, 64.3%

HSLhsl(241.1, 50.5%, 42.7%)

HSV / HSBhsv(241.1, 67.1%, 64.3%)

CMYK65.9%, 67.1%, 0%, 35.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,684,004

CSS custom property--colour: #3836A4;

Brightness & contrast

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

Perceived brightness75.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.41:1

Contrast with white9.41:1WCAG normal text: AAA

Contrast with black2.23:1WCAG normal text: Fail

Greyscale equivalent#3E3E3E

Inverted#C7C95B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#004BA7no red cones; affects about 1% of men; ΔE 18.6 from the original

Deuteranopia#0041A2no green cones; the most common form, about 1% of men; ΔE 13 from the original

Tritanopia#005368no blue cones; rare, and affects men and women equally; ΔE 64 from the original

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

Contrast with white, large text9.41:1WCAG large text: AAA

Contrast with black, large text2.23:1WCAG large text: Fail

Named colours

Rebecca purple · ΔE 14.2 Slate blue · ΔE 15.6 Midnight blue · ΔE 17.4 Indigo · ΔE 19.3 Dark slateblue · ΔE 19.6 Navy · ΔE 21.3

Nearest named CSS colourRebecca purple (#663399)ΔE 14.2, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A2A436

Analogous#366BA4, #6F36A4

Triadic#A43836, #36A438

Split complementary#A46F36, #6BA436

Tetradic#A4366B, #A2A436, #36A46F

Tints, shades & saturation

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

Lighter +40%#BEBDE9

Lighter +30%#9896DD

Lighter +20%#7270D0

Lighter +10%#4C4AC3

Darker −10%#2B297E

Darker −20%#1E1D57

Darker −30%#111031

Darker −40%#04030B

More saturated +25%#1E1BBF

Less saturated −25%#525189

Channel breakdown

R56

G54

B164

Red56 (22%)

Green54 (21.2%)

Blue164 (64.3%)

Hue241.09°

Saturation (HSL)50.46%

Lightness42.75%

Dominant channelBlue

Hex per channelR 38 · G 36 · B A4

Keep nerding

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

#3836A4

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