Colour

#5C78B4

#5C78B4
Blue
Dark
Nearest: Steel blue

#5C78B4 is a blue with RGB values 92, 120, 180 and HSL 221°, 37%, 53%. It is a dark colour, so black text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#5C78B4#5C78B4

HEX#5C78B4

RGBrgb(92, 120, 180)

RGB (0–1)0.3608, 0.4706, 0.7059

RGB percentages36.1%, 47.1%, 70.6%

HSLhsl(220.9, 37%, 53.3%)

HSV / HSBhsv(220.9, 48.9%, 70.6%)

CMYK48.9%, 33.3%, 0%, 29.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,060,212

CSS custom property--colour: #5C78B4;

Brightness & contrast

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

Perceived brightness121.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.8:1

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

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

Greyscale equivalent#767676

Inverted#A3874B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#617DB7no red cones; affects about 1% of men; ΔE 2.4 from the original

Deuteranopia#5875B3no green cones; the most common form, about 1% of men; ΔE 1.7 from the original

Tritanopia#37858Eno blue cones; rare, and affects men and women equally; ΔE 35.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 11.3 Cornflower blue · ΔE 18.5 Light slate grey · ΔE 26 Slate grey · ΔE 26 Dark slateblue · ΔE 28.6 Dodgerblue · ΔE 30

Nearest named CSS colourSteel blue (#4682B4)ΔE 11.31, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B4985C

Analogous#5CA4B4, #6C5CB4

Triadic#B45C78, #78B45C

Split complementary#B46C5C, #A4B45C

Tetradic#B45CA4, #B4985C, #5CB46C

Tints, shades & saturation

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

Lighter +40%#E8ECF4

Lighter +30%#C5CFE4

Lighter +20%#A2B2D4

Lighter +10%#7F95C4

Darker −10%#466097

Darker −20%#364A74

Darker −30%#253452

Darker −40%#151D2F

More saturated +25%#3E6DD2

Less saturated −25%#7A8396

Channel breakdown

R92

G120

B180

Red92 (36.1%)

Green120 (47.1%)

Blue180 (70.6%)

Hue220.91°

Saturation (HSL)36.97%

Lightness53.33%

Dominant channelBlue

Hex per channelR 5C · G 78 · B B4

Keep nerding

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

#5C78B4

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