Colour

#677A8A

#677A8A
Blue
Dark
Nearest: Slate grey

#677A8A is a blue with RGB values 103, 122, 138 and HSL 207°, 15%, 47%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#677A8A#677A8A

HEX#677A8A

RGBrgb(103, 122, 138)

RGB (0–1)0.4039, 0.4784, 0.5412

RGB percentages40.4%, 47.8%, 54.1%

HSLhsl(207.4, 14.5%, 47.3%)

HSV / HSBhsv(207.4, 25.4%, 54.1%)

CMYK25.4%, 11.6%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,781,578

CSS custom property--colour: #677A8A;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.73:1

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

Contrast with black4.73:1WCAG normal text: AA

Greyscale equivalent#777777

Inverted#988575

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#747A8Bno red cones; affects about 1% of men; ΔE 4.8 from the original

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

Tritanopia#5D7E7Fno blue cones; rare, and affects men and women equally; ΔE 10.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.73:1WCAG large text: AAA

Named colours

Slate grey · ΔE 2.8 Light slate grey · ΔE 5.7 Gray · ΔE 11.9 Dim grey · ΔE 12.8 Cadetblue · ΔE 20.1 Steel blue · ΔE 21.3

Nearest named CSS colourSlate grey (#708090)ΔE 2.79, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A7767

Analogous#678A88, #67688A

Triadic#8A677A, #7A8A67

Split complementary#8A6768, #8A8867

Tetradic#88678A, #8A7767, #688A67

Tints, shades & saturation

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

Lighter +40%#DADFE3

Lighter +30%#BDC6CD

Lighter +20%#9FADB8

Lighter +10%#8293A2

Darker −10%#51606D

Darker −20%#3B4650

Darker −30%#262D32

Darker −40%#101315

More saturated +25%#497DA8

Less saturated −25%#787878

Channel breakdown

R103

G122

B138

Red103 (40.4%)

Green122 (47.8%)

Blue138 (54.1%)

Hue207.43°

Saturation (HSL)14.52%

Lightness47.25%

Dominant channelBlue

Hex per channelR 67 · G 7A · B 8A

Keep nerding

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

#677A8A

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