Colour

#656A82

#656A82
Blue
Dark
Nearest: Slate grey

#656A82 is a blue with RGB values 101, 106, 130 and HSL 230°, 13%, 45%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#656A82#656A82

HEX#656A82

RGBrgb(101, 106, 130)

RGB (0–1)0.3961, 0.4157, 0.5098

RGB percentages39.6%, 41.6%, 51%

HSLhsl(229.7, 12.6%, 45.3%)

HSV / HSBhsv(229.7, 22.3%, 51%)

CMYK22.3%, 18.5%, 0%, 49%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,646,402

CSS custom property--colour: #656A82;

Brightness & contrast

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

Perceived brightness107.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.33:1

Contrast with white5.33:1WCAG normal text: AA

Contrast with black3.94:1WCAG normal text: Fail

Greyscale equivalent#6B6B6B

Inverted#9A957D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#636C83no red cones; affects about 1% of men; ΔE 1.7 from the original

Deuteranopia#626A81no green cones; the most common form, about 1% of men; ΔE 1.3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.33:1WCAG large text: AAA

Contrast with black, large text3.94:1WCAG large text: AA

Named colours

Slate grey · ΔE 10.2 Light slate grey · ΔE 12.6 Dim grey · ΔE 14.4 Gray · ΔE 16.6 Steel blue · ΔE 21.1 Dark slate grey · ΔE 23.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#827D65

Analogous#657982, #6E6582

Triadic#82656A, #6A8265

Split complementary#826E65, #798265

Tetradic#826579, #827D65, #65826E

Tints, shades & saturation

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

Lighter +40%#D5D6DE

Lighter +30%#B8BBC8

Lighter +20%#9B9FB2

Lighter +10%#7F849B

Darker −10%#4F5365

Darker −20%#383B49

Darker −30%#22242C

Darker −40%#0C0C0F

More saturated +25%#48579F

Less saturated −25%#737373

Channel breakdown

R101

G106

B130

Red101 (39.6%)

Green106 (41.6%)

Blue130 (51%)

Hue229.66°

Saturation (HSL)12.55%

Lightness45.29%

Dominant channelBlue

Hex per channelR 65 · G 6A · B 82

Keep nerding

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

#656A82

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