Colour

#4142BF

#4142BF
Blue
Dark
Nearest: Slate blue

#4142BF is a blue with RGB values 65, 66, 191 and HSL 240°, 50%, 50%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Slate blue.

Colour values

#4142BF#4142BF

HEX#4142BF

RGBrgb(65, 66, 191)

RGB (0–1)0.2549, 0.2588, 0.749

RGB percentages25.5%, 25.9%, 74.9%

HSLhsl(239.5, 49.6%, 50.2%)

HSV / HSBhsv(239.5, 66%, 74.9%)

CMYK66%, 65.4%, 0%, 25.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,276,927

CSS custom property--colour: #4142BF;

Brightness & contrast

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

Perceived brightness89.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.62:1

Contrast with white7.62:1WCAG normal text: AAA

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

Greyscale equivalent#4B4B4B

Inverted#BEBD40

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0059C3no red cones; affects about 1% of men; ΔE 19.6 from the original

Deuteranopia#004EBDno green cones; the most common form, about 1% of men; ΔE 13.9 from the original

Tritanopia#00637Ano blue cones; rare, and affects men and women equally; ΔE 71.3 from the original

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

Contrast with white, large text7.62:1WCAG large text: AAA

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

Named colours

Slate blue · ΔE 12.9 Medium slateblue · ΔE 16.8 Royal blue · ΔE 17.6 Rebecca purple · ΔE 19.2 Indigo · ΔE 23.4 Dark blue · ΔE 24

Nearest named CSS colourSlate blue (#6A5ACD)ΔE 12.88, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BFBE41

Analogous#4181BF, #7F41BF

Triadic#BF4142, #42BF41

Split complementary#BF7F41, #81BF41

Tetradic#BF4181, #BFBE41, #41BF7F

Tints, shades & saturation

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

Lighter +40%#DADAF2

Lighter +30%#B3B4E6

Lighter +20%#8D8ED9

Lighter +10%#6768CC

Darker −10%#343499

Darker −20%#272773

Darker −30%#1A1A4D

Darker −40%#0D0D27

More saturated +25%#2123DF

Less saturated −25%#61619F

Channel breakdown

R65

G66

B191

Red65 (25.5%)

Green66 (25.9%)

Blue191 (74.9%)

Hue239.52°

Saturation (HSL)49.61%

Lightness50.2%

Dominant channelBlue

Hex per channelR 41 · G 42 · B BF

Keep nerding

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

#4142BF

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