Colour

#046CE2

#046CE2
Blue
Dark
Nearest: Royal blue

#046CE2 is a blue with RGB values 4, 108, 226 and HSL 212°, 97%, 45%. It is a dark colour, so white text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#046CE2#046CE2

HEX#046CE2

RGBrgb(4, 108, 226)

RGB (0–1)0.0157, 0.4235, 0.8863

RGB percentages1.6%, 42.4%, 88.6%

HSLhsl(211.9, 96.5%, 45.1%)

HSV / HSBhsv(211.9, 98.2%, 88.6%)

CMYK98.2%, 52.2%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer290,018

CSS custom property--colour: #046CE2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.94:1

Contrast with white4.94:1WCAG normal text: AA

Contrast with black4.25:1WCAG normal text: Fail

Greyscale equivalent#5E5E5E

Inverted#FB931D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#077AE6no red cones; affects about 1% of men; ΔE 9.5 from the original

Deuteranopia#0068E0no green cones; the most common form, about 1% of men; ΔE 2.3 from the original

Tritanopia#00899Dno blue cones; rare, and affects men and women equally; ΔE 64.7 from the original

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

Contrast with white, large text4.94:1WCAG large text: AAA

Contrast with black, large text4.25:1WCAG large text: AA

Named colours

Royal blue · ΔE 6.2 Dodgerblue · ΔE 16.2 Slate blue · ΔE 18.3 Medium slateblue · ΔE 21.4 Medium purple · ΔE 24.7 Cornflower blue · ΔE 25.3

Nearest named CSS colourRoyal blue (#4169E1)ΔE 6.22, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E27A04

Analogous#04DBE2, #0B04E2

Triadic#E2046C, #6CE204

Split complementary#E20B04, #DBE204

Tetradic#E204DB, #E27A04, #04E20B

Tints, shades & saturation

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

Lighter +40%#B4D7FE

Lighter +30%#82BCFD

Lighter +20%#50A1FC

Lighter +10%#1E86FB

Darker −10%#0354B0

Darker −20%#023C7E

Darker −30%#01244C

Darker −40%#000C1A

More saturated +25%#006CE6

Less saturated −25%#216EC5

Channel breakdown

G108

B226

Red4 (1.6%)

Green108 (42.4%)

Blue226 (88.6%)

Hue211.89°

Saturation (HSL)96.52%

Lightness45.1%

Dominant channelBlue

Hex per channelR 04 · G 6C · B E2

Keep nerding

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

#046CE2

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