Colour

#69789D

#69789D
Blue
Dark
Nearest: Slate grey

#69789D is a blue with RGB values 105, 120, 157 and HSL 223°, 21%, 51%. It is a dark colour, so black text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#69789D#69789D

HEX#69789D

RGBrgb(105, 120, 157)

RGB (0–1)0.4118, 0.4706, 0.6157

RGB percentages41.2%, 47.1%, 61.6%

HSLhsl(222.7, 21%, 51.4%)

HSV / HSBhsv(222.7, 33.1%, 61.6%)

CMYK33.1%, 23.6%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,912,157

CSS custom property--colour: #69789D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.77:1

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

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

Greyscale equivalent#777777

Inverted#968762

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6C7B9Fno red cones; affects about 1% of men; ΔE 1.3 from the original

Deuteranopia#67769Cno green cones; the most common form, about 1% of men; ΔE 1 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 12.8 Steel blue · ΔE 13.2 Light slate grey · ΔE 13.3 Gray · ΔE 22.2 Dim grey · ΔE 22.8 Dark grey · ΔE 28.9

Nearest named CSS colourSlate grey (#708090)ΔE 12.75, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D8E69

Analogous#69929D, #74699D

Triadic#9D6978, #789D69

Split complementary#9D7469, #929D69

Tetradic#9D6992, #9D8E69, #699D74

Tints, shades & saturation

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

Lighter +40%#E4E7EE

Lighter +30%#C6CBD9

Lighter +20%#A7B0C5

Lighter +10%#8894B1

Darker −10%#536080

Darker −20%#3F4961

Darker −30%#2B3242

Darker −40%#171A23

More saturated +25%#4A6BBC

Less saturated −25%#838383

Channel breakdown

R105

G120

B157

Red105 (41.2%)

Green120 (47.1%)

Blue157 (61.6%)

Hue222.69°

Saturation (HSL)20.97%

Lightness51.37%

Dominant channelBlue

Hex per channelR 69 · G 78 · B 9D

Keep nerding

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

#69789D

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