Colour

#8693BB

#8693BB
Blue
Dark
Nearest: Light slate grey

#8693BB is a blue with RGB values 134, 147, 187 and HSL 225°, 28%, 63%. It is a dark colour, so black text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#8693BB#8693BB

HEX#8693BB

RGBrgb(134, 147, 187)

RGB (0–1)0.5255, 0.5765, 0.7333

RGB percentages52.5%, 57.6%, 73.3%

HSLhsl(225.3, 28%, 62.9%)

HSV / HSBhsv(225.3, 28.3%, 73.3%)

CMYK28.3%, 21.4%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,819,643

CSS custom property--colour: #8693BB;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.9:1

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

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

Greyscale equivalent#939393

Inverted#796C44

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8796BDno red cones; affects about 1% of men; ΔE 1.4 from the original

Deuteranopia#8392BAno green cones; the most common form, about 1% of men; ΔE 0.8 from the original

Tritanopia#789BA0no blue cones; rare, and affects men and women equally; ΔE 22 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light slate grey · ΔE 14.2 Steel blue · ΔE 15.8 Slate grey · ΔE 15.9 Light steelblue · ΔE 19.5 Gray · ΔE 24 Dark grey · ΔE 24.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BBAE86

Analogous#86AEBB, #9386BB

Triadic#BB8693, #93BB86

Split complementary#BB9386, #AEBB86

Tetradic#BB86AE, #BBAE86, #86BB93

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8EAF2

Lighter +20%#C7CDE0

Lighter +10%#A7B0CD

Darker −10%#6576A9

Darker −20%#4F5E8C

Darker −30%#3C486C

Darker −40%#2A324B

More saturated +25%#6E87D3

Less saturated −25%#9E9FA3

Channel breakdown

R134

G147

B187

Red134 (52.5%)

Green147 (57.6%)

Blue187 (73.3%)

Hue225.28°

Saturation (HSL)28.04%

Lightness62.94%

Dominant channelBlue

Hex per channelR 86 · G 93 · B BB

Keep nerding

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

#8693BB

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