Colour

#5B8BFF

#5B8BFF
Blue
Dark
Nearest: Dodgerblue

#5B8BFF is a blue with RGB values 91, 139, 255 and HSL 222°, 100%, 68%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#5B8BFF#5B8BFF

HEX#5B8BFF

RGBrgb(91, 139, 255)

RGB (0–1)0.3569, 0.5451, 1

RGB percentages35.7%, 54.5%, 100%

HSLhsl(222.4, 100%, 67.8%)

HSV / HSBhsv(222.4, 64.3%, 100%)

CMYK64.3%, 45.5%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,999,615

CSS custom property--colour: #5B8BFF;

Brightness & contrast

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

Perceived brightness145.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.58:1

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

Contrast with black6.58:1WCAG normal text: AA

Greyscale equivalent#898989

Inverted#A47400

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#3389FDno green cones; the most common form, about 1% of men; ΔE 5.5 from the original

Tritanopia#00A6B9no blue cones; rare, and affects men and women equally; ΔE 64.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.58:1WCAG large text: AAA

Named colours

Dodgerblue · ΔE 9.7 Royal blue · ΔE 14 Cornflower blue · ΔE 16.9 Medium purple · ΔE 21.8 Slate blue · ΔE 22.4 Medium slateblue · ΔE 23

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 9.69, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FFCF5B

Analogous#5BDDFF, #7D5BFF

Triadic#FF5B8B, #8BFF5B

Split complementary#FF7D5B, #DDFF5B

Tetradic#FF5BDD, #FFCF5B, #5BFF7D

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F4F7FF

Lighter +20%#C1D3FF

Lighter +10%#8EAFFF

Darker −10%#2867FF

Darker −20%#0047F4

Darker −30%#0038C1

Darker −40%#002A8E

More saturated +25%#5B8BFF

Less saturated −25%#7093EB

Channel breakdown

R91

G139

B255

Red91 (35.7%)

Green139 (54.5%)

Blue255 (100%)

Hue222.44°

Saturation (HSL)100%

Lightness67.84%

Dominant channelBlue

Hex per channelR 5B · G 8B · B FF

Keep nerding

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

#5B8BFF

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