Colour

#83A7BA

#83A7BA
Blue
Dark
Nearest: Light slate grey

#83A7BA is a blue with RGB values 131, 167, 186 and HSL 201°, 28%, 62%. It is a dark colour, so black text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Light slate grey.

Colour values

#83A7BA#83A7BA

HEX#83A7BA

RGBrgb(131, 167, 186)

RGB (0–1)0.5137, 0.6549, 0.7294

RGB percentages51.4%, 65.5%, 72.9%

HSLhsl(200.7, 28.5%, 62.2%)

HSV / HSBhsv(200.7, 29.6%, 72.9%)

CMYK29.6%, 10.2%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,628,154

CSS custom property--colour: #83A7BA;

Brightness & contrast

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

Perceived brightness159.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.2:1

Contrast with white2.56:1WCAG normal text: Fail

Contrast with black8.2:1WCAG normal text: AAA

Greyscale equivalent#A1A1A1

Inverted#7C5845

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9EA5BBno red cones; affects about 1% of men; ΔE 10 from the original

Deuteranopia#969FBAno green cones; the most common form, about 1% of men; ΔE 10.4 from the original

Tritanopia#72ACADno blue cones; rare, and affects men and women equally; ΔE 13 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.56:1WCAG large text: Fail

Contrast with black, large text8.2:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 12.2 Light steelblue · ΔE 13.6 Cadetblue · ΔE 14.5 Slate grey · ΔE 15.1 Dark grey · ΔE 16 Sky blue · ΔE 16.4

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BA9683

Analogous#83BAB2, #838BBA

Triadic#BA83A7, #A7BA83

Split complementary#BA838B, #BAB283

Tetradic#B283BA, #BA9683, #8BBA83

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E5EDF1

Lighter +20%#C5D6DE

Lighter +10%#A4BECC

Darker −10%#6290A8

Darker −20%#4D758A

Darker −30%#3B5969

Darker −40%#283D49

More saturated +25%#6BAED2

Less saturated −25%#9BA0A2

Channel breakdown

R131

G167

B186

Red131 (51.4%)

Green167 (65.5%)

Blue186 (72.9%)

Hue200.73°

Saturation (HSL)28.5%

Lightness62.16%

Dominant channelBlue

Hex per channelR 83 · G A7 · B BA

Keep nerding

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

#83A7BA

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