Colour

#1476FF

#1476FF
Blue
Dark
Nearest: Royal blue

#1476FF is a blue with RGB values 20, 118, 255 and HSL 215°, 100%, 54%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#1476FF#1476FF

HEX#1476FF

RGBrgb(20, 118, 255)

RGB (0–1)0.0784, 0.4627, 1

RGB percentages7.8%, 46.3%, 100%

HSLhsl(215, 100%, 53.9%)

HSV / HSBhsv(215, 92.2%, 100%)

CMYK92.2%, 53.7%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,341,183

CSS custom property--colour: #1476FF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.07:1

Contrast with white4.15:1WCAG normal text: Fail

Contrast with black5.07:1WCAG normal text: AA

Greyscale equivalent#6B6B6B

Inverted#EB8900

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0087FFno red cones; affects about 1% of men; ΔE 14 from the original

Deuteranopia#0073FCno green cones; the most common form, about 1% of men; ΔE 1.2 from the original

Tritanopia#0098AFno blue cones; rare, and affects men and women equally; ΔE 73.9 from the original

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

Contrast with white, large text4.15:1WCAG large text: AA

Contrast with black, large text5.07:1WCAG large text: AAA

Named colours

Royal blue · ΔE 10.7 Medium slateblue · ΔE 18.2 Dodgerblue · ΔE 20.7 Slate blue · ΔE 21.3 Medium purple · ΔE 27.5 Cornflower blue · ΔE 31.9

Nearest named CSS colourRoyal blue (#4169E1)ΔE 10.69, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF9D14

Analogous#14EBFF, #2814FF

Triadic#FF1476, #76FF14

Split complementary#FF2814, #EBFF14

Tetradic#FF14EB, #FF9D14, #14FF28

Tints, shades & saturation

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

Lighter +40%#E0EDFF

Lighter +30%#ADCFFF

Lighter +20%#7AB1FF

Lighter +10%#4794FF

Darker −10%#005DE0

Darker −20%#0048AD

Darker −30%#00337A

Darker −40%#001E47

More saturated +25%#1476FF

Less saturated −25%#317BE2

Channel breakdown

R20

G118

B255

Red20 (7.8%)

Green118 (46.3%)

Blue255 (100%)

Hue214.98°

Saturation (HSL)100%

Lightness53.92%

Dominant channelBlue

Hex per channelR 14 · G 76 · B FF

Keep nerding

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

#1476FF

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