Colour

#7F93BA

#7F93BA
Blue
Dark
Nearest: Light slate grey

#7F93BA is a blue with RGB values 127, 147, 186 and HSL 220°, 30%, 61%. It is a dark colour, so black text on it reaches 6.8:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#7F93BA#7F93BA

HEX#7F93BA

RGBrgb(127, 147, 186)

RGB (0–1)0.498, 0.5765, 0.7294

RGB percentages49.8%, 57.6%, 72.9%

HSLhsl(219.7, 29.9%, 61.4%)

HSV / HSBhsv(219.7, 31.7%, 72.9%)

CMYK31.7%, 21%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,360,890

CSS custom property--colour: #7F93BA;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.78:1

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

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

Greyscale equivalent#929292

Inverted#806C45

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8695BCno red cones; affects about 1% of men; ΔE 1.9 from the original

Deuteranopia#8090B9no green cones; the most common form, about 1% of men; ΔE 2 from the original

Tritanopia#6E9BA0no blue cones; rare, and affects men and women equally; ΔE 22.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light slate grey · ΔE 13.2 Steel blue · ΔE 14.1 Slate grey · ΔE 15 Light steelblue · ΔE 19.5 Light skyblue · ΔE 23.8 Gray · ΔE 23.8

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BAA67F

Analogous#7FB1BA, #897FBA

Triadic#BA7F93, #93BA7F

Split complementary#BA897F, #B1BA7F

Tetradic#BA7FB1, #BAA67F, #7FBA89

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E2E7F0

Lighter +20%#C1CBDE

Lighter +10%#A0AFCC

Darker −10%#5E77A8

Darker −20%#4A5F89

Darker −30%#384868

Darker −40%#263147

More saturated +25%#668BD3

Less saturated −25%#989BA1

Channel breakdown

R127

G147

B186

Red127 (49.8%)

Green147 (57.6%)

Blue186 (72.9%)

Hue219.66°

Saturation (HSL)29.95%

Lightness61.37%

Dominant channelBlue

Hex per channelR 7F · G 93 · B BA

Keep nerding

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

#7F93BA

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