Colour

#557BF8

#557BF8
Blue
Dark
Nearest: Royal blue

#557BF8 is a blue with RGB values 85, 123, 248 and HSL 226°, 92%, 65%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#557BF8#557BF8

HEX#557BF8

RGBrgb(85, 123, 248)

RGB (0–1)0.3333, 0.4824, 0.9725

RGB percentages33.3%, 48.2%, 97.3%

HSLhsl(226, 92.1%, 65.3%)

HSV / HSBhsv(226, 65.7%, 97.3%)

CMYK65.7%, 50.4%, 0%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,602,296

CSS custom property--colour: #557BF8;

Brightness & contrast

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

Perceived brightness134.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.57:1

Contrast with white3.77:1WCAG normal text: Fail

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

Greyscale equivalent#7C7C7C

Inverted#AA8407

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#308BFCno red cones; affects about 1% of men; ΔE 13.6 from the original

Deuteranopia#007CF5no green cones; the most common form, about 1% of men; ΔE 9 from the original

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

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

Contrast with white, large text3.77:1WCAG large text: AA

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

Named colours

Royal blue · ΔE 7.2 Medium slateblue · ΔE 15.4 Slate blue · ΔE 16.5 Dodgerblue · ΔE 16.9 Medium purple · ΔE 19.7 Cornflower blue · ΔE 25

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F8D255

Analogous#55CDF8, #8155F8

Triadic#F8557B, #7BF855

Split complementary#F88155, #CCF855

Tetradic#F855CC, #F8D255, #55F881

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8EDFE

Lighter +20%#B7C7FC

Lighter +10%#86A1FA

Darker −10%#2455F6

Darker −20%#093BDE

Darker −30%#072EAD

Darker −40%#05217C

More saturated +25%#4E77FF

Less saturated −25%#6B87E2

Channel breakdown

R85

G123

B248

Red85 (33.3%)

Green123 (48.2%)

Blue248 (97.3%)

Hue226.01°

Saturation (HSL)92.09%

Lightness65.29%

Dominant channelBlue

Hex per channelR 55 · G 7B · B F8

Keep nerding

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

#557BF8

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