Colour

#7583A7

#7583A7
Blue
Dark
Nearest: Light slate grey

#7583A7 is a blue with RGB values 117, 131, 167 and HSL 223°, 22%, 56%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#7583A7#7583A7

HEX#7583A7

RGBrgb(117, 131, 167)

RGB (0–1)0.4588, 0.5137, 0.6549

RGB percentages45.9%, 51.4%, 65.5%

HSLhsl(223.2, 22.1%, 55.7%)

HSV / HSBhsv(223.2, 29.9%, 65.5%)

CMYK29.9%, 21.6%, 0%, 34.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,701,415

CSS custom property--colour: #7583A7;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.56:1

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

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

Greyscale equivalent#838383

Inverted#8A7C58

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#678A8Fno blue cones; rare, and affects men and women equally; ΔE 20.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light slate grey · ΔE 11.3 Slate grey · ΔE 11.8 Steel blue · ΔE 13.9 Gray · ΔE 21.1 Dim grey · ΔE 23.5 Light steelblue · ΔE 24.7

Nearest named CSS colourLight slate grey (#778899)ΔE 11.29, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A79975

Analogous#759CA7, #8075A7

Triadic#A77583, #83A775

Split complementary#A78075, #9CA775

Tetradic#A7759C, #A79975, #75A780

Tints, shades & saturation

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

Lighter +40%#F2F3F6

Lighter +30%#D2D7E3

Lighter +20%#B3BBCF

Lighter +10%#949FBB

Darker −10%#5B698E

Darker −20%#47526F

Darker −30%#333B50

Darker −40%#1F2431

More saturated +25%#5977C3

Less saturated −25%#8E8E8E

Channel breakdown

R117

G131

B167

Red117 (45.9%)

Green131 (51.4%)

Blue167 (65.5%)

Hue223.2°

Saturation (HSL)22.12%

Lightness55.69%

Dominant channelBlue

Hex per channelR 75 · G 83 · B A7

Keep nerding

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

#7583A7

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