Recognised as Colour

#040FD6

#040FD6
Blue
Dark
Nearest: Medium blue

#040FD6 is a blue with RGB values 4, 15, 214 and HSL 237°, 96%, 43%. It is a dark colour, so white text on it reaches 10.3:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#040FD6#040FD6

HEX#040FD6

RGBrgb(4, 15, 214)

RGB (0–1)0.0157, 0.0588, 0.8392

RGB percentages1.6%, 5.9%, 83.9%

HSLhsl(236.9, 96.3%, 42.7%)

HSV / HSBhsv(236.9, 98.1%, 83.9%)

CMYK98.1%, 93%, 0%, 16.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer266,198

CSS custom property--colour: #040FD6;

Brightness & contrast

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

Perceived brightness73.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.27:1

Contrast with white10.27:1WCAG normal text: AAA

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

Greyscale equivalent#1B1B1B

Inverted#FBF029

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#0035D3no green cones; the most common form, about 1% of men; ΔE 20.5 from the original

Tritanopia#005B7Eno blue cones; rare, and affects men and women equally; ΔE 101.3 from the original

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

Contrast with white, large text10.27:1WCAG large text: AAA

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

Named colours

Medium blue · ΔE 2.8 Blue · ΔE 20.4 Blue violet · ΔE 23.6 Dark violet · ΔE 27.4 Dark blue · ΔE 31.5 Dark orchid · ΔE 36.4

Nearest named CSS colourMedium blue (#0000CD)ΔE 2.8, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D6CB04

Analogous#0478D6, #6204D6

Triadic#D6040F, #0FD604

Split complementary#D66204, #78D604

Tetradic#D60478, #D6CB04, #04D662

Tints, shades & saturation

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

Lighter +40%#A9ADFD

Lighter +30%#777EFC

Lighter +20%#444EFC

Lighter +10%#121FFB

Darker −10%#030BA4

Darker −20%#020872

Darker −30%#010440

Darker −40%#00010E

More saturated +25%#000BDA

Less saturated −25%#1F27BB

Channel breakdown

G15

B214

Red4 (1.6%)

Green15 (5.9%)

Blue214 (83.9%)

Hue236.86°

Saturation (HSL)96.33%

Lightness42.75%

Dominant channelBlue

Hex per channelR 04 · G 0F · B D6

Keep nerding

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

#040FD6

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