Recognised as Colour

#717EA0

#717EA0
Blue
Dark
Nearest: Slate grey

#717EA0 is a blue with RGB values 113, 126, 160 and HSL 223°, 20%, 54%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#717EA0#717EA0

HEX#717EA0

RGBrgb(113, 126, 160)

RGB (0–1)0.4431, 0.4941, 0.6275

RGB percentages44.3%, 49.4%, 62.7%

HSLhsl(223.4, 19.8%, 53.5%)

HSV / HSBhsv(223.4, 29.4%, 62.7%)

CMYK29.4%, 21.2%, 0%, 37.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,437,984

CSS custom property--colour: #717EA0;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.19:1

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

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

Greyscale equivalent#7E7E7E

Inverted#8E815F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7381A2no red cones; affects about 1% of men; ΔE 1.3 from the original

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

Tritanopia#648589no blue cones; rare, and affects men and women equally; ΔE 19.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 10.7 Light slate grey · ΔE 10.7 Steel blue · ΔE 14.5 Gray · ΔE 20 Dim grey · ΔE 21.8 Dark grey · ΔE 25.8

Nearest named CSS colourSlate grey (#708090)ΔE 10.7, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A09371

Analogous#7196A0, #7B71A0

Triadic#A0717E, #7EA071

Split complementary#A07C71, #95A071

Tetradic#A07196, #A09371, #71A07B

Tints, shades & saturation

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

Lighter +40%#EBEDF2

Lighter +30%#CDD1DD

Lighter +20%#AEB6C9

Lighter +10%#909AB4

Darker −10%#596585

Darker −20%#454E66

Darker −30%#303748

Darker −40%#1C1F29

More saturated +25%#5371BE

Less saturated −25%#898989

Channel breakdown

R113

G126

B160

Red113 (44.3%)

Green126 (49.4%)

Blue160 (62.7%)

Hue223.4°

Saturation (HSL)19.83%

Lightness53.53%

Dominant channelBlue

Hex per channelR 71 · G 7E · B A0

Keep nerding

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

#717EA0

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