Colour

#166FF2

#166FF2
Blue
Dark
Nearest: Royal blue

#166FF2 is a blue with RGB values 22, 111, 242 and HSL 216°, 89%, 52%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#166FF2#166FF2

HEX#166FF2

RGBrgb(22, 111, 242)

RGB (0–1)0.0863, 0.4353, 0.949

RGB percentages8.6%, 43.5%, 94.9%

HSLhsl(215.7, 89.4%, 51.8%)

HSV / HSBhsv(215.7, 90.9%, 94.9%)

CMYK90.9%, 54.1%, 0%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,470,450

CSS custom property--colour: #166FF2;

Brightness & contrast

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

Perceived brightness118.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.59:1

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

Contrast with black4.59:1WCAG normal text: AA

Greyscale equivalent#666666

Inverted#E9900D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#007FF7no red cones; affects about 1% of men; ΔE 10.9 from the original

Deuteranopia#006CEFno green cones; the most common form, about 1% of men; ΔE 1.3 from the original

Tritanopia#0090A6no blue cones; rare, and affects men and women equally; ΔE 71.5 from the original

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

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

Contrast with black, large text4.59:1WCAG large text: AAA

Named colours

Royal blue · ΔE 7.3 Medium slateblue · ΔE 17.6 Slate blue · ΔE 18.6 Dodgerblue · ΔE 20.2 Medium purple · ΔE 25.7 Cornflower blue · ΔE 30.5

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F29916

Analogous#16DDF2, #2B16F2

Triadic#F2166F, #6FF216

Split complementary#F22B16, #DDF216

Tetradic#F216DD, #F29916, #16F22B

Tints, shades & saturation

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

Lighter +40%#D7E6FD

Lighter +30%#A7C9FA

Lighter +20%#77ABF7

Lighter +10%#468DF5

Darker −10%#0B58CA

Darker −20%#094399

Darker −30%#062E69

Darker −40%#031939

More saturated +25%#096DFF

Less saturated −25%#3575D3

Channel breakdown

R22

G111

B242

Red22 (8.6%)

Green111 (43.5%)

Blue242 (94.9%)

Hue215.73°

Saturation (HSL)89.43%

Lightness51.76%

Dominant channelBlue

Hex per channelR 16 · G 6F · B F2

Keep nerding

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

#166FF2

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