Colour

#4978D3

#4978D3
Blue
Dark
Nearest: Cornflower blue

#4978D3 is a blue with RGB values 73, 120, 211 and HSL 220°, 61%, 56%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#4978D3#4978D3

HEX#4978D3

RGBrgb(73, 120, 211)

RGB (0–1)0.2863, 0.4706, 0.8275

RGB percentages28.6%, 47.1%, 82.7%

HSLhsl(219.6, 61.1%, 55.7%)

HSV / HSBhsv(219.6, 65.4%, 82.7%)

CMYK65.4%, 43.1%, 0%, 17.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,815,059

CSS custom property--colour: #4978D3;

Brightness & contrast

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

Perceived brightness123 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.91:1

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

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

Greyscale equivalent#757575

Inverted#B6872C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4D81D6no red cones; affects about 1% of men; ΔE 5.5 from the original

Deuteranopia#3774D1no green cones; the most common form, about 1% of men; ΔE 2.9 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 11.5 Dodgerblue · ΔE 14.5 Royal blue · ΔE 19.2 Medium purple · ΔE 24 Slate blue · ΔE 24.5 Steel blue · ΔE 26

Nearest named CSS colourCornflower blue (#6495ED)ΔE 11.51, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D3A449

Analogous#49BDD3, #5F49D3

Triadic#D34978, #78D349

Split complementary#D35F49, #BDD349

Tetradic#D349BD, #D3A449, #49D35F

Tints, shades & saturation

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

Lighter +40%#EDF2FB

Lighter +30%#C4D3F1

Lighter +20%#9BB5E7

Lighter +10%#7296DD

Darker −10%#2D5EBC

Darker −20%#234993

Darker −30%#1A3569

Darker −40%#102040

More saturated +25%#2D6FEF

Less saturated −25%#6581B7

Channel breakdown

R73

G120

B211

Red73 (28.6%)

Green120 (47.1%)

Blue211 (82.7%)

Hue219.57°

Saturation (HSL)61.06%

Lightness55.69%

Dominant channelBlue

Hex per channelR 49 · G 78 · B D3

Keep nerding

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

#4978D3

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