Nerdulator> put something in

Recognised as Colour

#64647B

  • #64647B
  • Blue
  • Dark
  • Nearest: Slate grey

#64647B is a blue with RGB values 100, 100, 123 and HSL 240°, 10%, 44%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#64647B#64647B
HEX#64647B
RGBrgb(100, 100, 123)
RGB (0–1)0.3922, 0.3922, 0.4824
RGB percentages39.2%, 39.2%, 48.2%
HSLhsl(240, 10.3%, 43.7%)
HSV / HSBhsv(240, 18.7%, 48.2%)
CMYK18.7%, 18.7%, 0%, 51.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,579,323
CSS custom property--colour: #64647B;

Brightness & contrast

Relative luminance0.13254WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.75:1
Contrast with white5.75:1WCAG normal text: AA
Contrast with black3.65:1WCAG normal text: Fail
Greyscale equivalent#666666
Inverted#9B9B84

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5E677Cno red cones; affects about 1% of men; ΔE 3.7 from the original
Deuteranopia#5E657Ano green cones; the most common form, about 1% of men; ΔE 3 from the original
Tritanopia#5F686Cno blue cones; rare, and affects men and women equally; ΔE 12.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.75:1WCAG large text: AAA
Contrast with black, large text3.65:1WCAG large text: AA

Named colours

Slate grey · ΔE 12.4Dim grey · ΔE 13.9Light slate grey · ΔE 14.9Gray · ΔE 17.3Dark slate grey · ΔE 22.6Steel blue · ΔE 23.4
Nearest named CSS colourSlate grey (#708090)ΔE 12.38, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7B7B64
Analogous#64707B, #70647B
Triadic#7B6464, #647B64
Split complementary#7B7064, #707B64
Tetradic#7B6470, #7B7B64, #647B70

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#D1D1DA
Lighter +30%#B5B5C3
Lighter +20%#9999AC
Lighter +10%#7D7D95
Darker −10%#4D4D5F
Darker −20%#363643
Darker −30%#1F1F27
Darker −40%#09090A
More saturated +25%#484897
Less saturated −25%#707070

Channel breakdown

R100
G100
B123
Red100 (39.2%)
Green100 (39.2%)
Blue123 (48.2%)
Hue240°
Saturation (HSL)10.31%
Lightness43.73%
Dominant channelBlue
Hex per channelR 64 · G 64 · B 7B

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “64647b” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.