Colour

#042087

#042087
Blue
Dark
Nearest: Midnight blue

#042087 is a blue with RGB values 4, 32, 135 and HSL 227°, 94%, 27%. It is a dark colour, so white text on it reaches 13.4:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#042087#042087

HEX#042087

RGBrgb(4, 32, 135)

RGB (0–1)0.0157, 0.1255, 0.5294

RGB percentages1.6%, 12.5%, 52.9%

HSLhsl(227.2, 94.2%, 27.3%)

HSV / HSBhsv(227.2, 97%, 52.9%)

CMYK97%, 76.3%, 0%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer270,471

CSS custom property--colour: #042087;

Brightness & contrast

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

Perceived brightness51.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.45:1

Contrast with white13.45:1WCAG normal text: AAA

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

Greyscale equivalent#212121

Inverted#FBDF78

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00358Ano red cones; affects about 1% of men; ΔE 16.3 from the original

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

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

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

Contrast with white, large text13.45:1WCAG large text: AAA

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

Named colours

Midnight blue · ΔE 10.1 Navy · ΔE 15.6 Indigo · ΔE 17.9 Dark blue · ΔE 19.3 Rebecca purple · ΔE 19.7 Dark slateblue · ΔE 22

Nearest named CSS colourMidnight blue (#191970)ΔE 10.13, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#876B04

Analogous#046287, #2A0487

Triadic#870420, #208704

Split complementary#872A04, #628704

Tetradic#870462, #876B04, #04872A

Tints, shades & saturation

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

Lighter +40%#5D7EFA

Lighter +30%#2B57F9

Lighter +20%#0737EA

Lighter +10%#052CB9

Darker −10%#031455

Darker −20%#010924

Darker −30%#000000

Darker −40%#000000

More saturated +25%#001E8B

Less saturated −25%#152A76

Channel breakdown

G32

B135

Red4 (1.6%)

Green32 (12.5%)

Blue135 (52.9%)

Hue227.18°

Saturation (HSL)94.24%

Lightness27.25%

Dominant channelBlue

Hex per channelR 04 · G 20 · B 87

Keep nerding

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

#042087

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