Colour

#6F7586

#6F7586
Blue
Dark
Nearest: Slate grey

#6F7586 is a blue with RGB values 111, 117, 134 and HSL 224°, 9%, 48%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#6F7586#6F7586

HEX#6F7586

RGBrgb(111, 117, 134)

RGB (0–1)0.4353, 0.4588, 0.5255

RGB percentages43.5%, 45.9%, 52.5%

HSLhsl(224.3, 9.4%, 48%)

HSV / HSBhsv(224.3, 17.2%, 52.5%)

CMYK17.2%, 12.7%, 0%, 47.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,304,582

CSS custom property--colour: #6F7586;

Brightness & contrast

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

Perceived brightness117.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.6:1

Contrast with white4.6:1WCAG normal text: AA

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

Greyscale equivalent#757575

Inverted#908A79

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#707687no red cones; affects about 1% of men; ΔE 0.4 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.6:1WCAG large text: AAA

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

Named colours

Slate grey · ΔE 5.1 Light slate grey · ΔE 7.7 Gray · ΔE 11 Dim grey · ΔE 11.3 Dark grey · ΔE 22.4 Steel blue · ΔE 23.1

Nearest named CSS colourSlate grey (#708090)ΔE 5.14, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#86806F

Analogous#6F8186, #756F86

Triadic#866F75, #75866F

Split complementary#86756F, #81866F

Tetradic#866F81, #86806F, #6F8675

Tints, shades & saturation

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

Lighter +40%#DEDFE3

Lighter +30%#C2C4CC

Lighter +20%#A6AAB5

Lighter +10%#8A8F9E

Darker −10%#585D6A

Darker −20%#41444E

Darker −30%#2A2C32

Darker −40%#131416

More saturated +25%#5066A5

Less saturated −25%#7B7B7B

Channel breakdown

R111

G117

B134

Red111 (43.5%)

Green117 (45.9%)

Blue134 (52.5%)

Hue224.35°

Saturation (HSL)9.39%

Lightness48.04%

Dominant channelBlue

Hex per channelR 6F · G 75 · B 86

Keep nerding

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

#6F7586

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