Recognised as Colour

#3376D7

#3376D7
Blue
Dark
Nearest: Dodgerblue

#3376D7 is a blue with RGB values 51, 118, 215 and HSL 215°, 67%, 52%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#3376D7#3376D7

HEX#3376D7

RGBrgb(51, 118, 215)

RGB (0–1)0.2, 0.4627, 0.8431

RGB percentages20%, 46.3%, 84.3%

HSLhsl(215.5, 67.2%, 52.2%)

HSV / HSBhsv(215.5, 76.3%, 84.3%)

CMYK76.3%, 45.1%, 0%, 15.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,372,759

CSS custom property--colour: #3376D7;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.71:1

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

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

Greyscale equivalent#6F6F6F

Inverted#CC8928

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#437FDBno red cones; affects about 1% of men; ΔE 4.9 from the original

Deuteranopia#1E70D5no green cones; the most common form, about 1% of men; ΔE 3.7 from the original

Tritanopia#008D9Cno blue cones; rare, and affects men and women equally; ΔE 54.9 from the original

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

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

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

Named colours

Dodgerblue · ΔE 12.2 Cornflower blue · ΔE 13.9 Royal blue · ΔE 16.7 Slate blue · ΔE 23.9 Medium purple · ΔE 25.3 Dark slateblue · ΔE 27.2

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 12.2, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D79433

Analogous#33C8D7, #4233D7

Triadic#D73376, #76D733

Split complementary#D74233, #C8D733

Tetradic#D733C8, #D79433, #33D742

Tints, shades & saturation

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

Lighter +40%#DEE9F8

Lighter +30%#B3CCF0

Lighter +20%#88AFE8

Lighter +10%#5E93DF

Darker −10%#235EB4

Darker −20%#1B4889

Darker −30%#13325E

Darker −40%#0A1B34

More saturated +25%#1570F5

Less saturated −25%#527CB9

Channel breakdown

R51

G118

B215

Red51 (20%)

Green118 (46.3%)

Blue215 (84.3%)

Hue215.49°

Saturation (HSL)67.21%

Lightness52.16%

Dominant channelBlue

Hex per channelR 33 · G 76 · B D7

Keep nerding

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

#3376D7

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